Prismane / Создавайте отличные приложения, сверхбыстро 107+ React компонентов 484+ готовых тем 20+ хуков React https://www.prismane.io/

Как React 18 улучшает производительность приложения.

React 18 представил конкурентные (concurrent) возможности, которые радикально меняют способ рендеринга приложений. В этой статье мы рассмотрим, как эти возможности улучшают производительность приложения.

Начнем с повторения основ "долгих (долго выполняющихся) задач" (long tasks) и соответствующих метрик производительности.

Читать дальше →https://habr.com/ru/articles/749866/

Вы когда-нибудь хотели создать свою собственную диаграмму для Интернета?

Эта галерея, основанная на сотнях примеров графиков, знакомит вас с основными концепциями визуализации данных с помощью React и D3.js. Он также предоставляет готовые к использованию шаблоны для более быстрого начала работы.

Прекратите использовать готовые компоненты для визуализации данных → единственным ограничением вашего творчества станет воображение .

https://www.react-graph-gallery.com/

[Перевод] Ускорить таблицу на React в 1 000 раз, изменив лишь одну строку.

JP Camara, главный инженер Wealthbox, в своём блоге поделился интересным опытом ускорения TanStack Table — новой версии React-библиотеки для создания функциональных таблиц — аж до 10 мс. Делимся с вами переводом его статьи.

Читать далееhttps://habr.com/ru/companies/netologyru/articles/750246/

Как добавить уведомления о публикациях в реальном времени в ваши приложения React

Вы должны знать React и Firebase, чтобы приступить к вещам, описанным ниже.

Однако это также может быть реализовано в других базах данных, таких как SQL или NoSQL. https://www.freecodecamp.org/news/how-to-add-post-notifications-to-your-react-applications/

Создание Простых Пользовательских Модальных Окон С Помощью React

Модальные элементы — это части приложения, которые отображаются в виде наложения на веб-странице и отображают дополнительную информацию, запрашивают ввод данных пользователем или выполняют определенные действия. Прочитав эту статью, вы узнаете, как использовать React для создания настраиваемого компонента многократного использования, который вы можете добавить в свою библиотеку компонентов. https://blog.openreplay.com/creating-easy-custom-modals-with-react/

Все что необходимо знать про key в React и даже больше.

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

Читать далееhttps://habr.com/ru/companies/otus/articles/750542/

Библиотека React для быстрого создания информационных панелей

Tremor позволяет создавать простые и модульные компоненты для быстрого создания информативных информационных панелей. Полностью с открытым исходным кодом, созданный специалистами по данным и инженерами-программистами, которые хорошо разбираются в дизайне. https://www.tremor.so/

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

Компоненты высшего порядка (HOC) — мощная функция библиотеки React. Они позволяют повторно использовать логику компонента в нескольких компонентах. https://www.freecodecamp.org/news/higher-order-components-in-react/

Мы рады объявить о выпуске NextUI v2.0 . Наша миссия всегда заключалась в том, чтобы создать для вас более эффективную, гибкую, красивую и настраиваемую библиотеку пользовательского интерфейса. И это обновление — огромный шаг к достижению этой цели. https://nextui.org/blog/nextui-v2

Понимание использования ReactEffect Hook: глубокое погружение

В этом руководстве мы демистифицируем useEffect, варианты его использования и то, как он упрощает управление побочными эффектами по сравнению с методами жизненного цикла компонентов класса. https://hackernoon.com/understanding-reacts-useeffect-hook-a-deep-dive?source=rss

21 лучшая практика для чистого проекта React

Сегодня мы обсудим некоторые передовые методы улучшения работоспособности вашего приложения React. Эти правила получили широкое признание. Таким образом, наличие этих знаний является обязательным. https://dev.to/mohammadfaisal/21-best-practices-for-a-clean-react-project-jdf

Компоненты React Server — как и почему вы должны использовать их в своем коде

В этом руководстве вы узнаете о компонентах сервера React (RSC). Вы точно узнаете, что это такое и как они работают, и, что более важно, какую проблему они решают. https://www.freecodecamp.org/news/how-to-use-react-server-components/

Прощайте, useState и useEffect: революция в разработке React!

Представляем хук useLoaderData: https://medium.com/@emmanuelodii80/bye-bye-usestate-useeffect-revolutionizing-react-development-d91f95891adb