С 2011 года React прочно и, возможно, надолго вошел в мир веб-разработки. В армии поклонников этой библиотеки насчитывается множество программистов с различными уровнями подготовки: от абсолютно неопытных новичков до мастеров с многолетним стажем. Независимо от квалификации всю эту когорту объединяет желание сделать процесс разработки максимально понятным и комфортным. И некоторые сторонние библиотеки отлично в этом помогают. Но постоянно быть в курсе трендов экосистемы React не так уж и просто: новые проекты часто появляются и динамично развиваются, а значит увеличивается возможность пропустить действительно достойное решение.

Вот почему в этой статье рассматриваются лучшие библиотеки, которые должен знать каждый разработчик, использующий React.

Lodash

Lodash делает JavaScript проще, избавляя от необходимости работать с массивами, числами, объектами и строками. Это очень популярная библотека, о чем свидетельствуют 40К звезда на GitHub. Согласно слогану, который размещен на сайте Lodash - это современная библиотека утилит JavaScript, обеспечивающая модульность, производительность и прочие возможности.

Хотя библиотека Lodash создана для JavaScript, а не только для React, приносимая ей польза не вызывает сомнений.

React Bootstrap

Библиотека React Bootstrap на сто процентов соответсвует своему названию - это набор компонентов Bootstrap, созданных на React. Bootstrap - популярный набор инструментов с открытым исходным кодом для фронтенд-разработки (HTML, CSS, JavaScript).

React Bootstrap замещает исходный Bootstrap JavaScript: каждый компонент этой библиотеки создан с нуля и является React-компонентом без каких-либо сторонних примесей (например, jQuery).

React-i18next

Когда нужно создать мультиязычное приложение, определенно стоит воспользоваться библиотекой React-i18next. Эта библиотека является мощным инструментом интернациолизации для React на базе i18next. Она предлагает законченное решение, позволяющее локализовать различные веб-приложения: от мобильных до настольных.

Библиотека i18next предлагает такие функции перевода, как управление множественным числом, форматирование текста и интерполяция. И, наконец, эта библиотека подходит для использования на стороне сервера.

React DnD

Библиотека React DnD (drag and drop) позволяет создавать сложные drag-and-drop интерфейсы. В отличие от большинства других популярных drag-and-drop библиотек, React DnD построен на основе современного HTML5 drag-and-drop API.

Эта библиотека направлена на корректную реализацию визуальных аспектов перемещения объектов.

Ранее у библиотеки был большой недостаток - отсутствие взаимодействия с сенсорными экранами. Теперь эта проблема решена с помощью react-dnd-touch-backend.

Material UI

Кто не знает про Material design от Google? Material UI содержит набор компонентов, соответствующих реализации Material design. 50К звезд на GitHub - весомая причина, указывающая на то, что данная библиотека на протяжении нескольких лет по праву находится в топе инструментов, необходимых при разработке на React. Эта библиотека проста в реализации, компоненты привлекательны и удобны для пользователей.

React Spinners

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

Enzyme

Enzyme - библиотека, значительно упрощающая тестирование React-приложений. Эта библиотека была создана командой разработчиков Airbnb и представлена, как решение с открытым исходным кодом, в 2015 году. API Enzyme интуитвно понятно. Enzyme может использоваться для тестирования с библиотеками Mocha, Jest, Karma.

Спасибо за внимание.