Телепортация в React: Позиционирование, стекирование контекста и порталы

Рассмотрим, как работает CSS-позиционирование, что такое контекст стекирования, как избавиться от overflow:hidden с помощью CSS, почему мы не можем сделать все с помощью CSS и нуждаемся в порталах, как работают порталы

https://www.developerway.com/posts/positioning-and-portals-in-react


✍️ @React_lib

Переход от useState к useReducer в React Hooks

useState и useReducer - это хуки React, позволяющие управлять состоянием компонентов. useState - это более простой хук, позволяющий управлять одним фрагментом состояния, в то время как useReducer - более мощный и позволяет управлять более сложными состояниями, которые могут иметь несколько значений и требуют более сложных обновлений.

https://hackernoon.com/migrating-from-usestate-to-usereducer-in-react-hooks

✍️ @React_lib

Создание лучшего и более быстрого представления кода

Новая версия GitHub Code View предоставляет пользователям множество новых возможностей для улучшения качества чтения и изучения кода, и мы преодолели ряд уникальных технических препятствий, чтобы предоставить эти возможности без ущерба для производительности.

https://github.blog/2023-06-21-crafting-a-better-faster-code-view/

✍️ @React_lib

Лучший путь обучения React с помощью серверных компонентов

Мне всегда нравилось делиться своими знаниями. Когда я люблю язык, библиотеку или фреймворк, то больше, чем изучать каждую мельчайшую деталь, я думаю о том, как я могу помочь людям изучить его и полюбить так же сильно, как я.

https://scastiel.dev/better-learning-path-react

✍️ @React_lib

Как работает функция useState() внутри React?

Наверняка вы знакомы с функцией useState() в React. В базовом приложении "Счетчик" показано, как useState() позволяет нам добавлять состояние в наш компонент. В этом эпизоде мы выясним, как работает функция useState() внутри React, заглянув в ее исходный код.

https://jser.dev/2023-06-19-how-does-usestate-work/

✍️ @React_lib

Как повторно использовать и совместно использовать компоненты React в 2023 году: Пошаговое руководство

Узнайте, насколько простым может быть совместное использование кода с помощью интуитивно понятного подхода Bit к многократно используемым компонентам React.

https://itnext.io/how-to-reuse-and-share-react-components-in-2023-a-step-by-step-guide-85642e543afa

✍️ @React_lib

Построение фильтра поиска в реальном времени в React: Пошаговое руководство

Когда я начал работать с React, одной из распространенных проблем, с которыми я столкнулся, была реализация функции фильтра поиска в реальном времени. Эта функция обновляет отображаемые элементы по мере ввода пользователем текста и показывает все элементы заново, если поисковый фильтр пуст. Поэтому в этом руководстве я расскажу вам о том, как создать эту функцию в React. Мы начнем со списка жестко заданных элементов, а затем перейдем к списку элементов, полученных из API.

https://dev.to/alais29/building-a-real-time-search-filter-in-react-a-step-by-step-guide-3lmm

✍️ @React_lib

Расставание с SVG-in-JS

В декабре прошлого года вышла статья "Почему мы отказываемся от CSS-in-JS", в которой описывалось, почему больше не нужно использовать CSS в JS-бандлах. Однако CSS - не единственное, что попадает в JS-бандлы в наши дни, - SVG тоже попадают, как показывает Джейсон Миллер, автор Preact.

https://kurtextrem.de/posts/svg-in-js

✍️ @React_lib