Ускорьте разработку Vue.js

Зачем писать собственную функциональность, если мы можем легко добиться того же результата, используя библиотеку? Лучшие друзья и спаситель разработчика — библиотеки. Я считаю, что хороший проект использует некоторые из лучших доступных библиотек. Vue.js — одна из лучших сред JavaScript для создания пользовательских интерфейсов.

Эта статья является частью серии об удивительных библиотеках для Vue.js, в которой я всегда составлял список из 7 библиотек Vue.js, которые помогут вам в вашем пути разработки.

1. vueuse

Это одна из самых популярных библиотек на GitHub с более чем 10 тысячами звезд. Это набор служебных функций, основанный на Composition API. Если вы не знакомы с Composition API, пожалуйста, перед тем, как продолжить, ознакомьтесь с некоторыми базовыми понятиями о Composition API.



2. хороший стол

Таблица является одним из наиболее часто используемых компонентов в разработке программного обеспечения. Это простая в использовании мощная таблица данных с расширенными настройками, включая сортировку, фильтрацию столбцов, разбиение на страницы, группировку и т. д. На GitHub у нее более 1,9 тыс. звезд.



3. поджаренный

Общение с пользователем через всплывающее сообщение — одна из распространенных функций приложения. Эта библиотека поможет вам с этой задачей. Он используется Vue.js, Laravel и NuxtJS, и ему доверяют многие другие организации. Он отзывчив, совместим с сенсорным экраном, прост в использовании, привлекателен и многофункционален со значками, действиями и многим другим. У него более 2 тысяч звезд на GitHub.



4. egjs-бесконечная сетка

Если вам приходится работать с макетом сетки, то это хороший ресурс для вас. Эта библиотека используется для бесконечного упорядочения элементов, включая контент, в соответствии с типом сетки. Это поможет вам реализовать различные сетки, состоящие из разных элементов карточек, размеры которых различаются. Он гарантирует производительность, поддерживая количество DOM, которые модуль обрабатывает при любых обстоятельствах. У него более 1,9 тысячи звезд на GitHub.



5. выбор даты

Создание средства выбора даты с нуля иногда может занимать много времени или быть сложным. Эта библиотека поможет вам с этой задачей. Как вы уже догадались, это компонент выбора даты, поддерживающий отключение дат, встроенный режим, переводы и многое другое. У него более 2,5 тысяч звезд на GitHub.



6. выбор дерева

Как следует из названия, это компонент множественного выбора с вложенными параметрами. Он включает в себя множество функций, таких как одиночный и множественный выбор с поддержкой вложенных параметров, нечеткое сопоставление, асинхронный поиск, отложенная загрузка (загрузка данных параметров глубокого уровня только при необходимости) и многие другие. У него более 2,5 тысяч звезд на GitHub.



7. социальный обмен

Если в вашем приложении есть возможность поделиться ссылкой в ​​социальных сетях, то это хороший ресурс для вас. Когда вы делитесь ссылкой в ​​социальной сети, социальная сеть будет сканировать ссылку для обнаружения метатегов Open Graph. Если вы делитесь ссылками, которые не содержат метатегов Open Graph, социальная сеть не сможет отображать расширенный контент для вашей ссылки. Это компонент Vue.js без рендеринга для обмена ссылками на социальные сети, совместимый с SSRR. У него более 1,3 тысячи звезд на GitHub.



Где другая часть?

Есть много замечательных библиотек Vue.js. Я хочу поделиться как можно большим количеством ресурсов, чтобы облегчить ваш путь разработки.

Если вы хотите узнать больше об удивительных библиотеках Vue.js, посмотрите ниже.





Это все на сегодня. Я надеюсь, что эти библиотеки помогут упростить процесс разработки.

Если вы знаете какие-либо другие полезные библиотеки Vue.js, поделитесь ими в комментариях. Пока мы не встретимся снова… Ура!

Want to Connect?If you want to, you can connect with me on Twitter

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord . Заинтересованы в хакинге роста? Ознакомьтесь с разделом Схема.