🛠 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

🛠 React Photo Gallery - адаптивная и легко настраиваемая фотогалерея React без сохранения состояния. Она сохраняет исходное соотношение сторон ваших фотографий и использует актуальные элементы изображения. Также можно использовать пользовательские компоненты изображения для добавления дополнительных функций, таких как подписи и избранное.

🌍 Сайт

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

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

🌍 Сайт

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