1. React Hot Toast

Реактивный горячий тост  —  лучший тост в городе

Готовые, хорошо анимированные горячие уведомления для React. Добавьте в ваше приложение красивые всплывающие уведомления!

React Hot Toast

2. React Content Loader

SVG-компонент, для лёгкой и быстрой подгрузки заполнителей (placeholders), похоже на загрузку карточек Facebook.

React Content Loader
React Content Loader

3. React Filepond

Новый способ загрузки файлов!

  • Несколько форматов ввода.
  • Оптимизация изображений.
  • Отзывчивый.
  • Асинхронная или синхронная загрузка на выбор.

4. React Notion X

Быстрый и точный React-отрисовщик для Notion. 

Поддержка TypeScript в комплекте! ⚡ ️

React Notion X
React Notion X

5. React Select

Гибкий и красивый элемент Select Input (поле ввода с выпадающим списком) для ReactJS с поддержкой multiselect, autocomplete, async и creatable.

React Select

6. Sweet Alert

Прекрасная замена для сообщений об успехе и ошибках, или других информационных сообщений.

Sweet Alert

7. React Query

Производительная и мощная синхронизация данных для React.

React Query

8. React Hook Form

Меньше кода, больше производительности!

Сокращение объема необходимого кода, а также устранение ненужной повторной отрисовки элементов  —  две основные цели React Hook Form.

React Hook Form

9. React Infinite Scroller

Бесконечная прокрутка для React

Бесконечная загрузка содержимого при помощи специального компонента React.

Telegram-канал по теме
NOP::Nuances of ProgrammingСтатьи и переводы для разработчиков — каждый день
Подписаться
React Infinite Scroller

10. React Motion

Библиотека для решения проблем с анимацией.

React Motion

11. React DnD

Утилита React, помогающая создавать сложные интерфейсы с перетаскиванием (drag-and-drop) компонентов.

React DnD

12. React Desktop

Библиотека JavaScript, построенная на базе фреймворка React от Facebook, которая призвана привнести в веб нативный опыт работы с настольными компьютерами, с множеством компонентов для macOS Sierra и Windows 10.

React Desktop

13. Splitbee

Отслеживайте и оптимизируйте онлайн-бизнес при помощи Splitbee: удобная платформа для аналитики и конверсии.

Splitbee

14. React Window

Компоненты React для эффективной отрисовки больших списков и табличных данных.

React Window

15. Stripe Elements

Stripe Elements  —  это предварительно созданные компоненты пользовательского интерфейса, которые помогут вам в написании собственных попиксельно отрисованных (pixel-perfect) потоки оформления заказа как на настольных, так и на мобильных платформах.

Stripe Elements

16. Chakra UI

Простая, модульная и доступная библиотека компонентов, предоставляющая вам строительные блоки, необходимые для быстрого создания приложений React.

Chakra UI

17. Draft JS

Фреймворк для добавления продвинутого редактора текста в приложение React.

Draft.js легко впишется в любое React-приложение, ведь он абстрагирует от деталей отрисовки через API выбора и поведения ввода.

Draft JS

18. ChartJS

Админ-панели начнут выглядеть круто, как никогда раньше!

Постройте красивые диаграммы за считанные минуты благодаря Chartjs.

ChartJS

19. React Slick

Компонент carousel для React: один из лучших слайдеров демонстрации чего угодно.

React Slick

20. React Auto Suggest

Построенный на React компонент автопредложения, совместимый с WAI-ARIA.

React Auto Suggest

21. React Burger Menu

React-компонент боковой панели off-canvas с коллекцией эффектов и стилей, анимацией SVG-путей и CSS-переходами.

React Burger Menu

22. React Spinners

Коллекция компонентов загрузочных спиннеров для React.

React Spinners

23. React Bootstrap Datatable

Следующее поколение react-bootstrap-table. Datatable стал простым, как никогда раньше.

React Bootstrap Datatable

24. Styled components

Styled-components  —  это результат размышлений об улучшении CSS для стилизации систем компонентов React.

Styled Components

25. Semantic UI

Удобные для человека HTML-макеты

Semantic  —  это фреймворк для быстрого написания красивых, отзывчивых интерфейсов.


Спасибо, что уделили время подборке новых полезных библиотек для React, они определенно вам пригодятся, рано или поздно.

Читайте также:


Перевод статьи Harsh Makadia: “25 Hand-Picked React Libraries You Probably Didn’t Know Existed”

Мы в Telegram — подписывайтесь
NOP::Nuances of ProgrammingСтатьи и переводы для разработчиков — каждый день
Подписаться
NOP::HumorИТ-юмор и мемы о боли разработчиков
Подписаться
NOP::Recruiter RemoteУдалённые ИТ-вакансии с вилками
Подписаться
Предыдущая статьяПричины, по которым проект может потерпеть неудачу
Следующая статья9 первоклассных функций Pandas Python для работы с данными