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