Классная статья о том, как использовать static-свойства в React → https://medium.com/front-end-hacking/understanding-static-in-javanoscript-10782149993
Medium
Response to
How I stumbled into learning something
Перевел для вас прикольную статью о том что такое Node.js, и почему она настолько популярна → http://telegra.ph/what-nodejs-08-11
Telegraph
Чем на самом деле является Node.js?
Node.js это - среда выполнения JavaScript. Что же это значит, и как работает? Окружение Node.js включает все, что вам нужно для выполнения программы, написанной на JavaScript.
Основы функционального программирования в картинках, наглядно, рекомендую 👉 http://adit.io/posts/2013-04-17-functors,_applicatives,_and_monads_in_pictures.html
www.adit.io
Functors, Applicatives, And Monads In Pictures - adit.io
Aditya Bhargava's personal blog.
Многие из тех, кто выкладывает фрагменты кода используют carbon, чтоб делать красочные сниппеты. Появился cli, многим будет удобнее 😉 https://github.com/mixn/carbon-now-cli/blob/master/readme.md
GitHub
mixn/carbon-now-cli
🎨 Beautiful images of your code — from right inside your terminal. - mixn/carbon-now-cli
Что такое WebAssembly, и где его можно использовать. Несомненно за этим будущее, но вопрос безопасности остаётся открытым 👉 https://blog.logrocket.com/webassembly-how-and-why-559b7f96cd71
LogRocket Blog
WebAssembly: How and why - LogRocket Blog
As we expect more applications to use WebAssembly, discover how to run native code in the browser and what this means for the future of web development.
Статья хоть и старенькая (по меркам фронтенда), но годная 👉 https://habr.com/company/devexpress/blog/305812/
Habr
Честный MVC на React + Redux
Эта статья о том, как построить архитектуру web-приложения в соответствии с принципами MVC на основе React и Redux. Прежде всего, она будет интересна тем разраб...
Классная заметка на тему контролируемых и неконтролируемых форм в 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?.