Фронтенд-разработчику: 10 направлений, в которых стоит развиваться в 2021 году
https://habr.com/ru/company/ruvds/blog/528424/
https://habr.com/ru/company/ruvds/blog/528424/
Хабр
Фронтенд-разработчику: 10 направлений, в которых стоит развиваться в 2021 году
Профессия «фронтенд-разработчик», без сомнения, будет одной из самых востребованных в 2021 году. Раньше тем, кто работал в этой сфере, для создания интерактивных сайтов достаточно было знать HTML, CSS...
Ленивая загрузка изображений с помощью Intersection Observer API и React
https://tara-ojo.medium.com/lazy-load-images-with-the-intersection-observer-api-and-react-4fd8ae19e195
https://tara-ojo.medium.com/lazy-load-images-with-the-intersection-observer-api-and-react-4fd8ae19e195
Medium
Lazy-load images with the Intersection Observer API and React
The Intersection Observer API allows you to observe and react to changes when an element enters the viewport or a parent element. It’s…
Моделирование недостатков цветового зрения в Blink Renderer
https://developers.google.com/web/updates/2020/11/cvd
https://developers.google.com/web/updates/2020/11/cvd
Chrome for Developers
Simulating color vision deficiencies in the Blink Renderer | Chromium | Chrome for Developers
Why and how we implemented color vision deficiency simulation in DevTools and the Blink Renderer.
Внедрение зависимостей (dependency injection) через свойства-функции в JavaScript
https://habr.com/ru/post/528890/
https://habr.com/ru/post/528890/
Хабр
Внедрение зависимостей (dependency injection) через свойства-функции в JavaScript
Известный, но не очень популярный способ внедрения зависимостей. Попытка реализовать этот способ в популярных DI npm пакетах. Еще один свой DI. Несколько слов...
Где использовать флексы, а где гриды? Спойлер: да где хотите
https://www.youtube.com/watch?v=ST1EvRemB_U
https://www.youtube.com/watch?v=ST1EvRemB_U
Продуманный способ использования хука useRef() в React
https://www.smashingmagazine.com/2020/11/react-useref-hook/
https://www.smashingmagazine.com/2020/11/react-useref-hook/
Smashing Magazine
A Thoughtful Way To Use React’s useRef() Hook — Smashing Magazine
In a React component, `useState` and `useReducer` can cause your component to re-render each time there is a call to the update functions. In this article, you will find out how to use the `useRef()` hook to keep track of variables without causing re-renders…
В чем разница между Event Handlers и addEventListener в JS?
https://medium.com/dailyjs/whats-the-difference-between-event-handlers-addeventlistener-in-js-963431f05c34
https://medium.com/dailyjs/whats-the-difference-between-event-handlers-addeventlistener-in-js-963431f05c34
Medium
What’s the difference between Event Handlers & addEventListener in JS?
The difference is subtle but essential to know.
Троттлинг табов и другие улучшения производительности в Chrome M87
https://blog.chromium.org/2020/11/tab-throttling-and-more-performance.html
https://blog.chromium.org/2020/11/tab-throttling-and-more-performance.html
Chromium Blog
Tab throttling and more performance improvements in Chrome M87
Even if you have a lot of tabs open, you likely only focus on a small set of them to get a task done. Starting in this release, Chrome is a...
7 особенностей JavaScript, которые нужно знать, прежде чем изучать React
https://medium.com/swlh/7-javascript-features-you-need-to-know-before-learning-react-e77c3b3481d8
https://medium.com/swlh/7-javascript-features-you-need-to-know-before-learning-react-e77c3b3481d8
Medium
7 JavaScript Features You Need to Know Before Learning React
Learn the basics that you need before starting with React
Harold — CLI-инструмент, который сравнивает связанные с фронтендом файлы вашего проекта по размеру
https://github.com/funbox/harold
https://github.com/funbox/harold
GitHub
GitHub - funbox/harold: Compares frontend project bundles
Compares frontend project bundles. Contribute to funbox/harold development by creating an account on GitHub.
Boop! — симпатичные эффекты наведения с учетом законов физики
https://www.joshwcomeau.com/react/boop/
https://www.joshwcomeau.com/react/boop/
Joshwcomeau
Boop! A hover animation using React hooks • Josh W. Comeau
An in-depth tutorial that teaches how to create one of the most adorable interactions I've ever created. We'll learn how to use React components and hooks to abstract behaviours, and see how to design the perfect API. Even if you're not into animations, I…
Воссоздание икосаэдра с веб-сайта Rogier de Boevé’s
https://tympanus.net/codrops/2020/11/23/replicating-the-icosahedron-from-rogier-de-boeves-website/
https://tympanus.net/codrops/2020/11/23/replicating-the-icosahedron-from-rogier-de-boeves-website/
Codrops
Replicating the Icosahedron from Rogier de Boevé’s Website | Codrops
https://youtu.be/dyvhB6UVxwE Editor's note: We want to share more of the web dev and design community directly here on C