🛠 Tramvai — Фреймворк для создания универсальных react-приложений с модульной структурой и упором на производительность.

🌍 Сайт

Daily Coding #инструменты #React

📖Fluent React
🖋 Tejas Kumar, 2024

Когда дело доходит до создания пользовательских интерфейсов в Интернете, React открывает перед веб-разработчиками новые возможности. Эта практическая книга поможет вам глубоко погрузиться в фундаментальные концепции этой библиотеки JavaScript, включая синтаксис JSX и расширенные шаблоны, виртуальный DOM, согласование React и передовые методы оптимизации. Свободно владея React, вы быстро научитесь создавать более совершенные веб-приложения.

💾 Скачать книгу

Daily Coding #книги #React

🛠 Code Surfer — компонент React, который вы можете использовать для привлечения внимания читателя к наиболее важным частям вашего кода. Он позволяет выделять слова, определенную строку или даже несколько строк, а также увеличивать масштаб и прокручивать вверх и вниз, чтобы лучше рассмотреть ваш код.

🌍 Сайт

Daily Coding #инструменты #React

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

🌍 Сайт

Daily Coding #инструменты #React

🛠 Nachos UI — библиотека компонентов React Native, содержащая более 30 настраиваемых элементов пользовательского интерфейса. Вы можете найти индикаторы загрузки, формы ввода, интерфейс gravatar и многое другое. Документация проекта позволяет легко понять, как реализовать каждый компонент и все опции, которые с ним связаны.

🌍 Сайт

Daily Coding #инструменты #React

🛠 Preact — это минимальная альтернатива React с современным API и высокой производительностью. Это одна из самых быстрых виртуальных библиотек DOM, которая включает в себя такие функции производительности, как настраиваемая пакетная обработка обновлений, дополнительный асинхронный рендеринг и переработка DOM. Он обладает высокой степенью расширения, и добавление псевдонима preact-compat позволяет вам использовать различные компоненты Reactor в вашем приложении.

🌍 Сайт

Daily Coding #инструменты #React

🛠 Proton Native — позволяет создавать собственные настольные приложения для всех платформ. Он имеет тот же синтаксис, что и React Native, поддерживает существующие библиотеки React, такие как Redux, и совместим с большинством Node.js пакеты. Он работает с собственными компонентами, и electron больше не требуется.

🌍 Сайт

Daily Coding #инструменты #React

🛠 Reactopt - это инструмент оптимизации CLIP React, который определяет события, которые могут вызывать ненужный повторный рендеринг компонентов в вашем приложении. Он создан для замены модуля react-addons-perf, который больше не поддерживается после выхода React 16. В настоящее время он поддерживает щелчок / двойной щелчок, перетаскивание, нажатие клавиши, KeyDown и события ввода.

🌍 Сайт

Daily Coding #инструменты #React

🛠 React Credit Cards - cовременный и красивый компонент для кредитных карт, который можно использовать для оплаты. В него встроен валидатор кредитных карт, который проверяет номер карты и распознает тип карты. Он поддерживает все типы кредитных карт, доступные для оплаты.

🌍 Сайт

Daily Coding #инструменты #React

🛠 React Credit Cards - компонент React от команды Unsplash, который можно использовать для создания красивых линейных графиков, подходящих для отображения тенденций и показателей активности. Этот проект основан на минималистичном подходе и предоставляет вам простое, отточенное решение одной конкретной проблемы, поэтому не ждите полной библиотеки графиков.

🌍 Сайт

Daily Coding #инструменты #React

🛠 React Paginate - компонент React для создания разбивки на страницы. Он прост в использовании и может быть настроен с помощью CSS. С помощью встроенных свойств вы можете настроить количество отображаемых страниц, диапазон отображаемых страниц, добавить метки для кнопок "Предыдущая" и "следующая" и многое другое.

🌍 Сайт

Daily Coding #инструменты #React

🛠 React Static - фреймворк для статического сайта React, созданный компанией Nozzle.io. Он обладает невероятно быстрым временем запуска и производительностью сборки и предлагает потрясающий пользовательский опыт. При создании полностью используется React, он поддерживает всю экосистему React, включая библиотеки CSS-in-JS, GraphQL и Redux.

🌍 Сайт

Daily Coding #инструменты #React

🛠 React monocle - это инструмент разработчика для визуализации иерархии компонентов вашего приложения React. Он сканирует исходные файлы React и затем генерирует визуальный древовидный график, представляющий ваши компоненты React в виде иерархической модели. Он поддерживает React-Router и Redux.

🌍 Сайт

Daily Coding #инструменты #React