WebGL is the magic sauce behind  Solar Storm  , an audio-reactive music video that renders live in the browser. After fumbling around with…

A list of defensive CSS techniques to avoid potential future issues

React 18 introduces a new hook API - useId, that generates stable ids during server rendering and hydration to avoid mismatches.

Andrew Clark, Lauren Tan, Juan Tejada & Ricky Hanlon

How to: Search Params in React Router 6. A step by step example on Search Params with React Router ...

Remix unifies a number of concepts from past and present to simplify the approaches that many React developers take for granted.

Product managers and founders share tips for engineering managers and engineers to work better with them.

Testing techniques used by leading engineering teams

useSelector - это хук, который используется буквально каждый день. Кажется что мы должны знать о нем уже абсолютно все, но так ли это на самом деле?

Исходники useSelector - https://github.com/reduxjs/react-redux/blob/v8.0.0-beta.1/src/hooks/useSelector.ts#L33
Исходники useSyncExternalStoreWithSelector - https://github.com/facebook/react/blob/main/packages/use-sync-external-store/src/useSyncExternalStoreWithSelector.js#L19

Поддержать проект можно здесь:
YouTube: https://www.youtube.com/channel/UClgj-KWiNaOo9H1rz1ISO6Q/join
Patreon: https://www.patreon.com/ITSin9k

00:00 Анонс темы
00:37 Исходники useSelector
02:20 Исходники useSyncExternalStoreWithSelector
05:53 Причина рендера
06:55 Подведем итоги
08:00 Подписывайтесь!

Подписаться на канал: https://www.youtube.com/channel/UClgj-KWiNaOo9H1rz1ISO6Q?sub_confirmation=1
Twitter: https://twitter.com/it_sin9k

________________

Канал о Фронтенде, который хочется порекомендовать (telegram):
https://t.me/frontendnoteschannel

-------------------------

Данный канал создан для инициирования бесед на различные темы IT сферы (социальные / технические), а также для тех кому короткая видео выжимка статьи, выступления на конференции или же просто личных мыслей, являются более удобным форматом

We explain what the Redux Middleware is and how to use it with WebSockets and TypeScript.

How to access the meta information (module URL, etc.) of an ES module in JavaScript.

For the longest time, you had to resort to workarounds and libraries to create a deep copy of a JavaScript value. The Platform now ships with structuredClone(), a built-in function for deep-copying.

Figure out how to revert a CSS transition when hover is over.

Safari TP 137 just dropped with unflagged support for :has(). Often dubbed "the parent selector", :has() is way more than that …

Get started with Framer Motion 3D

Что такое техническая документация ➨ ✓ для чего она нужна? ✓ где её используют?  ✓ в чем её особенности? • Рассказываем простыми словами всё, что вам нужно знать про техническую документацию!

️Less Is More — The Browser Rendering Cycle, Hardware Acceleration & Compositor Laye‍rs 🧘‍♀️

Connect Figma, Sketch, Zeplin, and more with Storybook