Ускорьте разработку React
Зачем создавать пользовательские функции, если библиотека упрощает достижение той же цели? Лучшие друзья и спаситель разработчика — библиотеки. Я считаю, что хороший проект использует некоторые из лучших доступных библиотек.
Одной из лучших библиотек JavaScript для разработки пользовательского интерфейса является React. Вот несколько полезных библиотек, которые упростят и ускорят создание вашего проекта.
1. Реагировать-выбрать
Я считаю, что select — один из наиболее часто используемых компонентов в разработке React. Это гибкий и красивый элемент управления Select Input для ReactJS с множественным выбором, автозаполнением, асинхронностью и возможностью создания. У него более 24,5 тыс. звезд и более 3,5 тыс. форков на Github.
2. Реагировать на ДнД
Эта библиотека React поможет вам создавать сложные пользовательские интерфейсы с перетаскиванием, сохраняя при этом несвязанный характер ваших компонентов. Это идеально подходит для таких приложений, как Trello и Storify, где перетаскивание приводит к изменению внешнего вида компонентов и состояния приложения, а также к передаче данных между различными частями приложения. У него более 17,5 тысяч звезд и более 1,5 тысяч форков на Github.
3. стол
Рассмотрите возможность использования этой библиотеки безголовых таблиц, если вам нужна таблица с полным контролем над разметкой и реализацией. Эта библиотека представляет собой библиотеку таблиц без заголовка, что означает, что она не содержит компонентов, разметки или стилей. Это означает, что у вас есть полный контроль над разметкой и стилями (CSS, CSS-in-JS, библиотеки компонентов пользовательского интерфейса и т. д.), а также объясняет, почему он переносим. Даже React Native позволяет вам использовать это. У него более 17,5 тысяч звезд и более 2,5 тысяч форков на Github.
4. даты реакции
Эта библиотека предоставляет несколько компонентов, которые существуют в отличном средстве выбора даты. Вы также можете настроить его. Если вы предоставите необходимые реквизиты для каждого компонента, вы получите полнофункциональное интерактивное средство выбора даты. С дополнительными необязательными реквизитами вы можете настроить внешний вид входных данных, календаря и т. д. Он имеет более 11,5 тыс. звезд и более 1,5 тыс. ответвлений на Github.
5. Реагировать на радость
Иногда мы хотим сообщить пользователям о новом функционале приложения. В этом случае эта библиотека может стать для вас хорошим ресурсом. Эта библиотека поможет вам продемонстрировать свое приложение новым пользователям или объяснить функциональность новых функций. У него более 4,5 тысяч звезд на Github.
6. окно реакции
Если вы хотите эффективно отображать большие списки и табличные данные, то это хороший ресурс для вас. Эта библиотека работает, отображая только часть большого набора данных (достаточно, чтобы заполнить область просмотра). Это помогает устранить некоторые распространенные узкие места производительности, такие как уменьшение объема работы (и времени), необходимого для визуализации исходного представления и обработки обновлений, уменьшение объема памяти за счет предотвращения чрезмерного выделения узлов DOM и т. д. Он имеет более 12,5 тыс. звезд. на Гитхабе.
7. Реакция-загрузка-скелет
Библиотека предоставляет Skeleton компоненты, которые можно использовать непосредственно в ваших компонентах вместо загружаемого содержимого. В то время как другие библиотеки требуют от вас тщательного создания скелета экрана, который соответствует размеру шрифта, высоте строки и полям вашего контента, размер компонента Skeleton автоматически устанавливается в соответствии с правильными размерами.
Где другая часть?
Есть много замечательных библиотек React. Я хочу поделиться как можно большим количеством ресурсов, чтобы облегчить ваш путь разработки.
Если вы хотите узнать больше об удивительных библиотеках React, пожалуйста, проверьте ниже.
Это все на сегодня. Я надеюсь, что эти библиотеки помогут упростить процесс разработки.
Если вы знаете какие-либо другие полезные библиотеки React, поделитесь ими в комментариях. Пока мы не встретимся снова. Ваше здоровье!
Хотите подключиться?
Если вы хотите, вы можете связаться со мной в Twitter
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Посетите наш Community Discord и присоединитесь к нашему Коллективу талантов.
