Библиотеки React, которые вы должны знать
Вы разрабатываете в React и ищете способы улучшить свое приложение или упростить работу? Или, может быть, вы новичок и пытаетесь понять, что вам действительно нужно? У меня есть для вас список отличных библиотек и технологий, некоторые из них решают вековые проблемы, другие помогут улучшить ваше приложение.
Удачной поездки!
Зустанд
О да, это супер альтернатива Redux. Простой в использовании, элегантный и с множеством готовых решений. В своей практике я встречал разных разработчиков, и когда дело доходит до управления состоянием, это либо Reudx, либо Mobx. Никто не думал в сторону, например, Рекойла или Зустанда. Конечно, я согласен с тем, что Reudx лучше подходит для крупных проектов, но, пожалуйста, обратите внимание и на эту замечательную технологию. Почему Зустанд?
- За 12 месяцев количество загрузок увеличилось с 500 тыс. до 1,6 тыс.
- Постоянно обновляется
- Легкий
- Гига легко учиться
Реагировать на хук
Работа с формами — очень большой и частый элемент веб-приложений, поэтому вам просто нужно найти инструмент, который поможет вам работать лучше и более тесно работать с полями ввода. React Hook Form — очень мощный и удобный инструмент для этого, с отличной документацией и довольно простой в освоении. Лично мне он нравится гораздо больше, чем Formik, но меньше, чем самописные решения на некоторых моих проектах.
Реагировать на красивый DnD
Как часто вам приходится работать с drag-n-drop? Я лично не так часто (и слава богу), но если придется — всегда пользуюсь этой библиотекой. Кому-то это может показаться сложным (я это знаю по личному опыту), но уверяю вас — это просто чудо. Создайте себе какой-нибудь проект на досуге и внедрите там DnD, не поленитесь!
Реагировать на большой календарь
Это лучшее из бесплатных решений для интерактивного календаря (imo ofc). Местами не самый удобный и не без проблемный. Но если вы найдете к нему подход, он обязательно вам подойдет!
Речарты
Вам часто приходится рисовать графики и делать дашборды? Даже если вы этого не сделаете, имейте в виду, что recharts отлично справляется со своей задачей. Однако он, как и React Big Calendar, иногда требует особого подхода, но в целом это очень хороший инструмент. (Честно говоря, я знаю еще одну очень хорошую библиотеку для диаграмм, но планирую ее для отдельной статьи :) )
Реагировать
Вы, наверное, уже знаете об этой библиотеке! Но не могу не упомянуть об этом, потому что если мне нужно быстро сделать приятные уведомления о различных событиях, то первым в списке для установки стоит react-toastify!
qrcode.реакция
Работа с QR-кодом точно реже, чем с графиками, но вы только учтите, что это возможно :)
Реагировать на инста-истории
Завершит мой список небольшая библиотека для создания историй, как в инстаграме. Я использовал его пару раз, но это сэкономило мне достаточно времени для других задач. Определенно НРАВИТСЯ!
Заключение
Извините, если вы знали о каких-либо библиотеках
Извините, если я не добавил некоторые библиотеки в этот список
Извините, если эти библиотеки не кажутся вам важными
Полезные ссылки
Симпатичная библиотека UI-компонентов — https://github.com/segmentio/evergreen
Альтернатива React-router-dom — https://github.com/molefrog/wouter
Нижний лист веб-сайта — https://react-spring.bottom-sheet.dev/
Очень (х3) удобная работа с сеткой — https://github.com/react-grid-layout/react-grid-layout
Работа с датой (должно было быть добавлено в основной список) — https://day.js.org/
Вывод х2
Также читайте мою статью об идеях пет-проектов
Дайте мне знать, если информация была вам полезна.
Удачного взлома!