Найти тему
Nuances of programming

ТОП-25 библиотек React 2021–2022: новые, полезные, но малоизвестные пакеты JavaScript

Оглавление

Источник: Nuances of Programming

1. React Hot Toast

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

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

React Hot Toast
React Hot Toast

2. React Content Loader

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

React Content Loader
React Content Loader
React Content Loader
React Content Loader

3. React Filepond

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

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

4. React Notion X

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

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

React Notion X
React Notion X
React Notion X
React Notion X

5. React Select

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

React Select
React Select

6. Sweet Alert

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

Sweet Alert
Sweet Alert

7. React Query

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

React Query
React Query

8. React Hook Form

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

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

React Hook Form
React Hook Form

9. React Infinite Scroller

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

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

React Infinite Scroller
React Infinite Scroller

10. React Motion

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

React Motion
React Motion

11. React DnD

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

React DnD
React DnD

12. React Desktop

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

React Desktop
React Desktop

13. Splitbee

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

Splitbee
Splitbee

14. React Window

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

React Window
React Window

15. Stripe Elements

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

Stripe Elements
Stripe Elements

16. Chakra UI

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

Chakra UI
Chakra UI

17. Draft JS

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

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

Draft JS
Draft JS

18. ChartJS

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

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

ChartJS
ChartJS

19. React Slick

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

React Slick
React Slick

20. React Auto Suggest

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

React Auto Suggest
React Auto Suggest

21. React Burger Menu

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

React Burger Menu
React Burger Menu

22. React Spinners

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

React Spinners
React Spinners

23. React Bootstrap Datatable

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

React Bootstrap Datatable
React Bootstrap Datatable

24. Styled components

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

Styled Components
Styled Components

25. Semantic UI

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

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

-27

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

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

Читайте нас в Telegram, VK

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