Продуманный способ использования хука 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
5 псевдоэлементов CSS, о существовании которых вы даже не подозревали (по мнению автора)
https://blog.logrocket.com/5-css-pseudo-elements-you-never-knew-existed/
https://blog.logrocket.com/5-css-pseudo-elements-you-never-knew-existed/
LogRocket Blog
5 CSS pseudo-elements you never knew existed - LogRocket Blog
Avoid writing unnecessary JavaScript code with these five CSS pseudo-elements you may have forgotten — or never even heard of.
Рендеринг на стороне сервера в JavaScript: современный подход
https://blog.appsignal.com/2020/11/25/server-side-rendering-in-javascript-a-modern-approach.html
https://blog.appsignal.com/2020/11/25/server-side-rendering-in-javascript-a-modern-approach.html
Appsignal
Server-side Rendering in JavaScript: A Modern Approach | AppSignal Blog
In this article, we're going to explore a few alternatives brewing in the community in regards to server-side rendering.
Глубокое погружение в Page Lifecycle API
https://blog.bitsrc.io/page-lifecycle-api-a-browser-api-every-frontend-developer-should-know-b1c74948bd74
https://blog.bitsrc.io/page-lifecycle-api-a-browser-api-every-frontend-developer-should-know-b1c74948bd74
Medium
Deep Dive into Page Lifecycle API
Page Lifecycle API enables efficient resource utilization for web pages. It is important to provide a good user experience.
JetBrains запилили таймлайн с основными событиями в истории JavaScript, к 25-летию языка.
https://www.jetbrains.com/ru-ru/lp/javascript-25/
https://www.jetbrains.com/ru-ru/lp/javascript-25/
JetBrains: Developer Tools for Professionals and Teams
JavaScript с нами уже 25 лет | JetBrains: профессиональные инструменты для разработчиков
Празднуйте 25-летие JavaScript вместе с JetBrains! Мы собрали в одном таймлайн все ключевые моменты из истории JavaScript.
Подробности об использовании CSS-функции minmax() в Grid-макетах
https://habr.com/ru/company/ruvds/blog/529830/
https://habr.com/ru/company/ruvds/blog/529830/
Хабр
Подробности об использовании CSS-функции minmax() в Grid-макетах
Существует множество руководств, в которых рассматриваются общие вопросы работы с CSS Grid, с механизмом, позволяющим создавать сеточные макеты. Я и сам немало о...
Как загружать шрифты так, чтобы побороть FOUT и сделать Lighthouse счастливым
https://css-tricks.com/how-to-load-fonts-in-a-way-that-fights-fout-and-makes-lighthouse-happy/
https://css-tricks.com/how-to-load-fonts-in-a-way-that-fights-fout-and-makes-lighthouse-happy/
CSS-Tricks
How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy | CSS-Tricks
A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they
I'm Ready — js библиотека для проверки, загружены ли изображения или видео
https://github.com/naver/egjs-imready
https://github.com/naver/egjs-imready
GitHub
GitHub - naver/egjs-imready: I'm Ready to check if the images or videos are loaded!
I'm Ready to check if the images or videos are loaded! - naver/egjs-imready