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

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

1. Электронные карты

Если вы создаете приложение, управляемое данными, велика вероятность, что в нем есть граф. В этом случае эта библиотека является отличным ресурсом для вас. Эта библиотека предоставляет множество красивых и настраиваемых диаграмм, таких как гистограмма, круговая диаграмма, полярная диаграмма, точечная диаграмма и многие другие. Эта библиотека имеет более 8 тысяч звезд на Github.



GitHub — ecomfe/vue-echarts: компонент Apache ECharts для Vue.js.
компонент Vue.js (v2/v3) для Apache ECharts (v5). Если вы переходите с vue-echarts ≤ 5, вам следует прочитать…github.com



2. Календарь

Обработка даты — одна из распространенных функций, с которой должен справиться каждый разработчик. В таком случае эта библиотека облегчит вам жизнь. Как вы уже догадались, это элегантный календарь и средство выбора даты. Он предоставляет множество функций, таких как подсветка обуви, точки, полосы, настраиваемые всплывающие окна, диапазоны дат и многое другое. Эта библиотека имеет более 3,5 тысяч звезд на GitHub.



GitHub — nathanreyes/v-calendar: элегантный плагин для календаря и выбора даты для Vue.
Вы не можете выполнить это действие в настоящее время. Вы вошли в другую вкладку или окно. Вы вышли на другой вкладке или…github.com



3. МавонРедактор

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



GitHub — hinesboy/mavonEditor: mavonEditor — Редактор уценки на основе Vue, поддерживающий различные…
mavonEditor — Редактор уценки на основе Vue, поддерживающий множество персонализированных функций — GitHub…github.com



4. Составной

Цель этой библиотеки — стать универсальным магазином для многих реальных компонуемых функций с агрессивным встряхиванием дерева, чтобы упростить конечный код. Он состоит из более чем 50 различных составных элементов, таких как i18n, проверка, разбивка на страницы, выборка и т. д. Эта библиотека имеет более 1000 звезд на GitHub.



GitHub — pikax/vue-composable: компонуемые компоненты Vue-композиция-api. i18n, проверка…
Готовые готовые к использованию компонуемые объекты Цель этой библиотеки — быть универсальным магазином для многих реальных компонуемых…github.com



5. Бесконечная сетка

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



GitHub — naver/egjs-infinitegrid: модуль, используемый для упорядочивания элементов карточки, включая содержимое…
Модуль, используемый для бесконечного упорядочивания элементов, включая содержимое, в соответствии с типом сетки. С помощью этого модуля вы можете…github.com



6. Социальный обмен

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



GitHub - nicolasbeauvais/vue-social-sharing: Компонент Vue.js без рендеринга для обмена ссылками на…
Компоненты без рендеринга для обмена ссылками в основных социальных сетях Менее 2,5 КБ gzip-компоненты Renderless дают…github.com



7. Контент-загрузчик

Если вам понравился загрузчик контента Facebook, то это хороший ресурс для вас. С помощью этой библиотеки вы можете создать загрузку заполнителей, аналогичную загрузке карточек Facebook. Он также включает в себя такие функции, как чистый SVG для работы без какого-либо javascript, холста и т. д., полностью настраиваемый: вы можете изменять цвета, скорость, размеры и многое другое. Эта библиотека имеет более 2,5 тысяч звезд на GitHub.



GitHub — egoist/vue-content-loader: компонент SVG для создания загрузки заполнителей, например Facebook…
Компонент SVG для создания загрузки заполнителей, например загрузки карточек Facebook. Это порт Vue для react-content-loader…github.com



Где другие замечательные ресурсы?

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



7 лучших репозиториев GitHub для изучения любого языка программирования
Усильте свой путь программиста.javascript.plainenglish.io



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

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

Хотите подключиться? Если хотите, можете связаться со мной в Twitter.

Дополнительные материалы на PlainEnglish.io.

Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .

Заинтересованы в масштабировании запуска вашего программного обеспечения? Ознакомьтесь с разделом Схема.