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

🌍 Сайт

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

📖Learn React Hooks
🖋Daniel Bugl, 2025

Изучите основные концепции React Hooks и улучшите свой рабочий процесс разработки с помощью лучших практик и продвинутых шаблонов, основанных на современных функциях React 19

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

Daily Coding #книги #React

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

🌍 Сайт

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

🛠 react-easy-crop — компонент React можно использовать для обрезки изображений с помощью простых взаимодействий. Он действительно прост в использовании и поддерживает перетаскивание и масштабирование. Он удобен для мобильных устройств и обеспечивает размеры обрезки в пикселях и процентах. Этот компонент удобен для мобильных устройств, и вы можете использовать изображения любого формата - jpeg, png и gif.

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

🛠 React Slider Kit — позволяет создавать компоненты слайдера в ваших приложениях react. Он предлагает различные типы слайдеров, такие как 1D, 2D, одиночные, диапазонные, горизонтальные и вертикальные. Вы можете установить минимальное и максимальное значение слайдера, начальную и конечную точки и многое другое.

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

🛠 Semiotic - платформа визуализации данных, объединяющая React и D3. Она предлагает три типа фреймов (Frame, ORFrame, NetworkFrame), что позволяет создавать некоторые нетрадиционные диаграммы. Способ отображения данных можно дополнительно настроить, изменив настройки фрейма или добавив свои собственные стили CSS.

🌍 Сайт

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

🛠 React-Grid-Layout - система компоновки сетки с возможностью перетаскивания и изменения размера. Она работает только на основе React- jQuery не требуется и совместима с приложениями, отрисованными сервером. React-Grid-Layout поддерживает перетаскиваемые, изменяемые по размеру и статические виджеты, адаптивные точки останова и многое другое.

🌍 Сайт

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

🛠 React-Datasheet - компонент React, который можно использовать для добавления в ваши приложения полнофункциональных таблиц данных, подобных Excel. Ячейки таблицы можно свободно редактировать, группировать, копировать, вставлять, удалять и выполнять все остальные действия, которые вы ожидаете, с помощью клавиатуры. На их GitHub есть 3 полезных примера - базовая таблица, таблица с формулами и таблица с вложенными компонентами.

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

Daily Coding #инструменты #React | Канал в Max

🛠 Nexting - это статический генератор веб-сайтов и блогов, работающий на базе серверной библиотеки рендеринга React Next.js. Установка и настройка относительно просты, поскольку контент написан в Markdown и организован с использованием компонентов React.

🌍 Сайт

Daily Coding #инструменты #React | Канал в Max