Классная заметка на тему контролируемых и неконтролируемых форм в React (обратите внимание что синтаксис у refs изменился) → https://goshakkk.name/controlled-vs-uncontrolled-inputs-react/
Gosha Arinich
Controlled and uncontrolled form inputs in React don't have to be complicated - Gosha Arinich
There are many articles saying you should use setState, and the docs claim refs are bad. So contradictory. How are you supposed to make forms?
Прикольный концепт веб-браузера (бакалаврская работа двух студентов-дизайнеров🙂), я бы купил → https://refresh.study/
refresh.study
Refresh – A fresh approach to the web browser
We spend so much time browsing the web that we hardly even think about the browser as an app. And while the web itself has undergone big changes in the last twenty years, browsers have remained largely the same. Refresh is a concept for a modern web browser…
Безсмертная тема - "как писать чистый код". Но думаю каждый сможет подчеркнуть для себя что-то новое 👉 https://hackernoon.com/write-clean-code-and-get-rid-of-code-smells-aea271f30318
Классная визуализация размера кодовой базы продуктов → https://informationisbeautiful.net/visualizations/million-lines-of-code/
Information is Beautiful
Million Lines of Code — Information is Beautiful
Is a million lines of code a lot? How many lines of code are there in Windows? Facebook? iPhone apps? Let our data-visualization program your brain.
"JS для нетерпеливых". Книга призвана научить основам JS специалистов, знающих другие яп 👉 http://exploringjs.com/impatient-js/
Заметка о том как работать с refs в React. Думаю многим будет полезно, сам по крайней мере часто сталкиваюсь, и как по мне - документация слишком лаконична → https://css-tricks.com/working-with-refs-in-react/
CSS-Tricks
Working with refs in React | CSS-Tricks
Refs make it possible to access DOM nodes directly within React. This comes in handy in situations where, just as one example, you want to change the child of
Почему важно знать JS перед изучением фреймворков → https://snipcart.com/blog/learn-vanilla-javanoscript-before-using-js-frameworks
Snipcart
Learn Vanilla JavaScript Before Fancy Frameworks
New to JavaScript? You should probably learn Vanilla JS before diving into a JavaScript framework. Read this to understand why.
Команда Netcracker о том, как они реализовывали микросервисную архитектуру на фронтенде 👉 https://habr.com/p/420753/
Habr
Микросервисный фронтенд — современный подход к разделению фронта
Микросервисная архитектура уже давно де-факто стала стандартом при разработке больших и сложных систем. Она имеет целый ряд преимуществ: это и строгое деление на модули, и слабая связность, и...
CSS Scroll Snap API - позволяет изменять стандартное поведение скролла под свои требования → https://developers.google.com/web/updates/2018/07/css-scroll-snap
web.dev
Well-controlled scrolling with CSS Scroll Snap | Articles | web.dev
CSS Scroll Snap allows web developers to create well-controlled scroll experiences by declaring scroll snapping positions. This enables common UX scroll patterns without the need for JavaScript.
Состоялся релиз Babel 7. В новой версии поддержка Typenoscript, автоматическое обновление, отказ от ежегодных предметов, новый вид конфигов, инструмент для миграции, и многое другое 👉 https://babeljs.io/blog/2018/08/27/7.0.0
babeljs.io
Babel 7 Released · Babel
After almost 2 years, 4k commits, over 50 pre-releases, and a lot of help we are excited to announce the release of Babel 7. It's been almost 3 years since the release of Babel 6! There's a lot of moving parts so please bear with us in the first weeks of…
Бандлофобия, сайт на котором можно посмотреть на сколько увеличится бандл при добавлении пакета 👉 https://bundlephobia.com/
Bundlephobia
Bundlephobia | Size of npm dependencies
Bundlephobia helps you find the performance impact of npm packages. Find the size of any javanoscript package and its effect on your frontend bundle.
Большая годная статья про UX форм на мобильных устройствах 👉 https://www.smashingmagazine.com/2018/08/ux-html5-mobile-form-part-1/
Smashing Magazine
UX And HTML5: Let’s Help Users Fill In Your Mobile Form (Part 1) — Smashing Magazine
Do you test your forms on real users and real devices? If not, you should. Let’s take a look at some of the techniques that can help you take your forms to the next level and help users fill them in. In this first part of a series of two articles, Stéphanie…
6 наиболее полезных докладов с Frontend Conf 2018 → https://habr.com/company/oleg-bunin/blog/420965/
Habr
Шесть наиболее полезных докладов с Frontend Conf 2018
Друзья, с позиции главы программного комитета Frontend Conf поместил под катом краткий обзор шести самых полезных докладов с РИТ++ 2018 по фронтенду. В подборке нашлось место рассказу про то,...
Обзор эволюции React от идеи, до нынешнего момента → https://hackernoon.com/the-evolution-of-react-48409fac2efd
Hackernoon
The Evolution Of React | HackerNoon
You would concur with me that React has altered the course of front-end development.
Какие виды тестирования существуют, и чем их использование может быть полезно js-разработчику 👉 https://medium.com/devschacht/what-is-testing-and-why-should-we-do-it-acf06723816b
Medium
Что такое тестирование и почему мы должны его делать?
Перевод статьи Alex Jover Morales: What’s testing and why should we do it?.
Универсальный шаблон PWA: отвечаем на вопросы и получаем заготовку приложения на Preact, React, Vue, Svelte с роутером, препроцессорами, и разными плюшками → https://pwa.cafe/
Web Locks API - новый способ безопасной синхронизации между вкладками. Пока только Chrome 😟 → https://www.sitepen.com/blog/2018/08/14/cross-tab-synchronization-with-the-web-locks-api/
Перевод статьи об улучшении восприятия скорости работы веб-сайтов и приложений → https://habr.com/company/alconost/blog/422437/
Архив веб дизайна, интересно посмотреть какой путь уже пройден, и заодно задуматься какой еще предстоит 🤔 → https://www.webdesignmuseum.org/
Опять про оптимизацию js → https://habr.com/company/ruvds/blog/422321/
Подробное сравнение Flow и Typenoscript → https://github.com/niieani/typenoscript-vs-flowtype