Реагируйте в основном фокусируются на том, что он лучше всего (рендеринг компонентов пользовательских интерфейсов для создания пользовательских интерфейсов) и покидает пробелы, чтобы быть заполнены огромным сообществом разработчиков и компаний.
Это означает, что количество популярных библиотек и способов выполнения вещей может определенно добавить, что имеет свои плюсы и минусы:
Плюсы ✅.
- Вы не заблокированы одним способом чего-то сделать, у вас есть множество отличных вариантов, чтобы удовлетворить ваши нужды.
- React имеет огромную экосистему строительства людей и поддержания библиотек, поэтому шансы, если вам нужно сделать что-то, в частности, там будет (9 раз из 10), будьте пакетом NPM с открытым исходным кодом.
Минусы ❌.
- Это может быть запутано для начинающих. Поскольку у вас есть так много вариантов, люди иногда просто идут на самые популярные, даже если он не обязательно удовлетворит их потребности.
- Последние и величайшие постоянно меняются, важно выбирать библиотеки, которые активно поддерживаются и будут двигаться вперед с отраслевыми стандартами, когда оно идет.
С этим говорим, вот список библиотек Reactix, которые я в настоящее время заблокировал. Эти Emojis рядом с каждой библиотекой показывают мой личный опыт работы с каждой библиотекой:
- ⭐ – мои все время фавориты
- ✅ – использовали в производстве и выступали бы
- 🕒 – никогда не использовал, но планирую использовать в будущем
- 🤔 – никогда не использовал, но был бы заинтересован в
- 👋 – использовали в производстве, но с тех пор переехали из
Библиотеки пользовательских интерфейсов компонентов
- Семантический интерфейс реагирует ✅ https://react.semantic-ui.com/
- Свободный Ui ✅ https://developer.microsoft.com/en-us/fluentui#/
- Чакра-интерфейс 🕒 https://chakra-ui.com/
- Дизайн муравья 🤔 https://ant.design/
- Материал ui 👋 https://material-ui.com/
- React Bootstrap/Reactstrap 👋 https://react-bootstrap.github.io/
Государственное управление
- Реагировать внутреннее состояние/контекст (не библиотека) ✅ https://reactjs.org/docs/context.html.
- Redux 👋 https://redux.js.org/
Клиентская маршрутизация
- Реагистрационный маршрутизатор ✅ https://reactrouter.com/
SSG (статическое поколение сайта)/SSR (рендеринг на стороне сервера)
- Next.js ⭐ https://nextjs.org/
- GATSBY 🤔 https://www.gatsbyjs.com/
Тестирование
- Реагистрационная тестирование-библиотека ⭐ https://testing-library.com/docs/react-testing-library/intro
- Фермент 👋 https://enzymejs.github.io/enzyme/
Формы
- РЕАКТ-КУРС-ФОРМА ✅ https://react-hook-form.com/
- Formik 🤔 https://formik.org/
Анимация
- Framer/Motion 🕒 https://www.framer.com/motion/
- React-Spring 🤔 https://www.react-spring.io/
- Реактивное движение 🤔 https://github.com/chenglou/reaCt-motion.
- React-Transition-Group 🤔 https://github.com/reactjs/react-transition-group.
Async.
- React-Query ✅ https://react-query.tanstack.com/
Таблицы данных
- React-Table ✅ https://react-table-omega.vercel.app/
Интернационализация
- React-Intl ✅ https://github.com/formatjs/formatjs
Это некоторые другие библиотеки, которые я добавил в закладки/сниматься, но еще не использовался в производстве.
Выпадание
- React-Select https://react-select.com/home.
Перетаскивания
- React-DND https://react-dnd.github.io/react-dnd/ouout.
- React-Beautiful-DND https://github.com/atlassian/react-beautiful-dnd.
Документ Manager
- Реагистрационный шлем https://github.com/nfl/react-helmet
Иконы
- React-Icons https://github.com/react-icons/react-icons
Загрузка спиннеров
- React-Spinners https://github.com/davidhu2000/react-spinners.
Социальные носители
- React – Share https://github.com/nygardk/react-share.
Отзывчивый стиль
- Реагистрационный отзывчивый https://github.com/contra/react-responsive
С огромной экосистемой библиотек, я уверен, что я оставил несколько хороших. Если бы я сделал, оставьте некоторые из ваших любимых библиотек в комментариях и дайте мне знать, что вы думаете о списке!
Также, если вам нравится веб-разработка и контент MEME, следуйте за моим Twitter 😄
Оригинал: “https://dev.to/michaelgee/my-react-js-library-bookmarks-o6e”