Подписывайся на Telegram-канал

Полезные библиотеки для react

Полезные библиотеки для react

https://t.me/it_programmist

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

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


React-redux

Это очевиднейшее и первоочередное решение для мало-мальски серьёзного проекта. Чтобы связывать react с сервером, хранить и изменять состояние всего приложения правильно, необходимо использовать react именно в связке с redux.


Redux Form

Наверное, больше всего в разработке, я лично, не люблю формы. Redux From заметно упрощает работу с формами. Как понятно из названия, этот модуль работает с сервером через связку redux.

Можно использовать поля как они предусмотрены автором, а можно кастомизировать их как угодно.

На форму вешается перехватчик события отправки формы и говорится какую функцию вызвать, остальное компонент сделает всё сам.

Приятным бонусом является валидация. Их тут две. Первая - на стороне клиента, то есть форма не отправится, пока не будет заполнено(правильно заполнено) нужное поле. Правила ты определяешь сам и всё зависит лишь от извращённости твоей фантазии.

Второй вид валидации - так называемая asyncValidation, то есть данные отправляются на сервер и проверяются там, если что-то не так, то форма опять-таки не пойдёт на сервер, пока ошибки не будут исправлены.

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

Есть ещё ряд интересных особенностей, обо всём можно узнать в разделе с примерами.


react-drag-sortable

Тут всё просто. Это модуль для сортировки перетаскиванием. Я использую его для сортировки фотографий в фотоальбомах.


React-Select

Модуль для создания поля формы