Вы не можете стать разработчиком React, просто написав все программное обеспечение только на React, но вы должны использовать все замечательные библиотеки React, которые хорошо протестированы и поддерживаются другими разработчиками. И в сегодняшнем посте я собираюсь представить 33 потрясающие библиотеки React, с которыми должен быть знаком каждый разработчик React. Наслаждайтесь и делитесь своими отзывами!
1. формик
Formik — самая популярная в мире библиотека форм с открытым исходным кодом для React и React Native.
2. реагировать-выбрать
Гибкий и красивый элемент управления Select Input для ReactJS с множественным выбором, автозаполнением, асинхронностью и возможностью создания.
3. фреймер-движение
Готовая библиотека движений для React.
4. чакра-уи
Chakra UI — это простая, модульная и доступная библиотека компонентов, которая дает вам строительные блоки, необходимые для создания ваших приложений React.
5. материал-интерфейс
MUI предлагает комплексный набор инструментов пользовательского интерфейса, которые помогут вам быстрее добавлять новые функции. Начните с Material UI, нашей полностью загруженной библиотеки компонентов, или добавьте свою собственную систему дизайна к нашим готовым к производству компонентам.
6. реакт-иконки
Легко включайте популярные значки в свои проекты React с помощью значков реакции, которые используют импорт ES6, что позволяет вам включать только значки, которые использует ваш проект.
7. перезапись
Компонуемая библиотека диаграмм, построенная на компонентах React.
8. реагировать-реагировать-карусель
Отзывчивые карусели для реагирования
9. React-календарь
Окончательный календарь для вашего приложения React
10. полный календарь
FullCalendar генерирует настоящие виртуальные DOM-узлы React, чтобы вы могли использовать Fiber, высокооптимизированный механизм рендеринга React.
11. видео-реагировать
Веб-видеоплеер, созданный с нуля для мира HTML5 с использованием библиотеки React.
12. реагировать-надежность пароля
Поле индикатора надежности пароля, использующее zxcvbn для расчета оценки надежности пароля.
13. email.js
Отправляйте электронную почту прямо из JavaScript. Код сервера не требуется. Сосредоточьтесь на важных вещах!
14. реагировать-перетаскивать-файлы
Легкая и простая библиотека реактивных файлов перетаскивания для использования с очень гибкими параметрами для изменения, поэтому вы можете разместить любой дизайн, который хотите, для области перетаскивания. Пользователи могут перетаскивать или даже выбирать файл в любом месте окна.
15. реагировать-днд
React DnD — это набор утилит React, которые помогут вам создавать сложные интерфейсы перетаскивания, сохраняя при этом ваши компоненты несвязанными.
16. реагировать-i18next
react-i18next — это мощная структура интернационализации для React / React Native, основанная на i18next. Ознакомьтесь с историей i18next и о том, когда был представлен react-i18next.
17. реагировать-виртуализировать
Компоненты React для эффективного рендеринга больших списков и табличных данных. Посмотрите демо для некоторых примеров.
18. React-тестирование-библиотека
Простые и полные утилиты тестирования, которые поощряют передовые методы тестирования
19. реагировать-изображение-файл-изменить размер
react-image-file-resizer — это модуль реакции, который может масштабировать локальные изображения. Вы можете изменить ширину, высоту, формат, поворот и качество изображения.
Возвращает измененный размер изображения с новым URI base64 или Blob. URI можно использовать в качестве источника компонента.
20. React-таблица
Легкие и расширяемые таблицы данных для React. Создавайте и проектируйте мощные средства работы с сеткой данных, сохраняя при этом 100% контроль над разметкой и стилями.
21. реакция-уценка
Компонент React для рендеринга уценки.
22. реагировать-маршрутизатор-дом
React Router Dome, который включает «маршрутизацию на стороне клиента».
23. реагировать-pdf
Легко отображайте PDF-файлы в вашем приложении React
24. React-h5-аудио-плеер
Компонент аудиоплеера React HTML5, обеспечивающий согласованный пользовательский интерфейс/UX в разных браузерах. Супер настраиваемый макет. Flexbox css с иконками SVG. Мобильный дружественный. Поддерживаются I18n и a11y, поддерживаются события клавиатуры. Поддержка расширений источников мультимедиа (MSE) и расширений зашифрованных мультимедиа (EME). Написано на TypeScript.
25. реагировать-виртуальный
Виртуализируйте только видимые узлы DOM в массивных прокручиваемых элементах со скоростью 60 кадров в секунду в TS/JS, React, Vue, Solid и Svelte, сохраняя при этом 100% контроль над разметкой и стилями.
26. реагировать-запрос
Эффективная и мощная синхронизация данных для React. Извлекайте, кэшируйте и обновляйте данные в своих приложениях React и React Native, не касаясь какого-либо «глобального состояния».
27. Сборник рассказов
Storybook — это мастер-класс по внешнему интерфейсу для изолированного создания компонентов и страниц пользовательского интерфейса. Тысячи команд используют его для разработки пользовательского интерфейса, тестирования и документации. Это с открытым исходным кодом и бесплатно.
28. реагировать-всплывающее окно
reactjs-popup — это простой всплывающий компонент React, который поможет вам создавать простые и сложные модальные окна, всплывающие подсказки и меню для вашего следующего приложения React.
29. реакт-мантин
Полнофункциональная библиотека компонентов Reactt. Создавайте полнофункциональные доступные веб-приложения быстрее, чем когда-либо — Mantine включает более 100 настраиваемых компонентов и 40 хуков, которые помогут вам в любой ситуации.
30. реактив-листовка
Компоненты React для карт Leaflet
31. реагировать-админ
React-admin предлагает лучший опыт разработки, позволяет вам сосредоточиться на потребностях бизнеса и создавать восхитительные пользовательские интерфейсы.
32. реагировать-подсказка
Простая библиотека всплывающих подсказок для React
33. реагировать-обрезка изображений
Инструмент обрезки изображений для React без каких-либо зависимостей.
