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

Новая версия 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

Создание бесшовного многоязычного пользовательского интерфейса в React.

Узнайте, как создавать приложения, которые могут отображать информацию на разных языках в зависимости от предпочтений пользователя. В этой статье мы рассмотрим процесс создания приложения погоды с многоязычной поддержкой с использованием реакции-i18next.

https://www.honeybadger.io/blog/creating-multi-language-user-interface-with-react/

✍️ @React_lib