Компоненты Tailwind 2.0 UI.

Красивые компоненты пользовательского интерфейса, созданные с помощью Tailwind CSS.
Более 400 профессионально разработанных, полностью отзывчивых примеров компонентов, которые вы можете добавить в свои проекты Tailwind и настроить по своему усмотрению. 

Полностью интерактивные фрагменты кода, ориентированные на доступность, для React и Vue, а также HTML.

#html #vue #react

Vuesax — новый фреймворк UI-компонентов, созданный Vuejs для упрощения работы над проектами и придания им уникального и приятного стиля. Он был создан с нуля и спроектирован так, чтобы подходить самым разным разработчикам, как любителям фронтенда, так и бэкендерам, желающим без особых проблем создать интерфейс приложения для конечного пользователя.

#vue

PrimeVue — это универсальная, простая в использовании и производительная библиотека UI-компонентов для Vue. Она создана, чтобы помочь вам строить прекрасные пользовательские интерфейсы.
В этой библиотеке вы найдете больше 80 UI-компонентов с адаптивным дизайном.

#vue

Vuestic UI - библиотека пользовательского интерфейса Vue.js 3.0. Содержит более 50 многофункциональных компонентов, которые можно использовать в любом дизайнерском решении.

#vue

Vuex-persistedstate - готовое решение для сохранения и восстановления своего состояние Vuex между перезагрузками страницы.

#vue

WaveUI - UI-фреймворк для Vue.js.

Основные особенности:
- Поддержка Vue 3
- Нет зависимости
- Обеспечение мощных элементов, например написание меню навигации в одну строку
- Без бесполезных оберток DOM внутри элементов пользовательского интерфейса.
- Обработка всех размеров и интервалов из одной $base-font-sizeпеременной Sass, которую вы можете переопределить
- Предоставление простых и последовательных опций и названий компонентов

#vue

BootstrapVue - набор, состоящий из более чем 85 компонентов, более 45 доступных плагинов, нескольких директив и более 1200 значков, обеспечивает одну из наиболее полных реализаций компонента Bootstrap v4 и системы сеток, доступных для Vue.js v2.6.

#vue

Element Plus - библиотека компонентов на основе Vue 3.0. Вы можете импортировать Element Plus полностью или просто импортировать то, что вам нужно.

#vue

Buefy — легковесная библиотека UI-компонентов для Vue, созданная на базе Bulma (CSS-фреймворк). Она комбинирует Bulma с Vue, помогая создавать прекрасно выглядящие приложения с минимальным количеством кода.

#vue

BalmUI - это система дизайна Google Material, с открытым исходным кодом, которая помогает командам создавать высококачественные проекты. Создавайте красивые продукты быстрее для Vue.js

#vue

AT-UI - это модульная среда пользовательского интерфейса для разработки быстрых и мощных веб-интерфейсов на основе Vue.js.

Основные особенности:
- Рабочий процесс фронтенд-разработки npm + webpack + babel
- Поддержка ES2015
- Независимость от стиля CSS, создание согласованных пользовательских интерфейсов
- Дружественный API

#vue

Бесконечный скролл во Vue

Если вы пишите на Vue, берите на заметку!

В статье показана простая реализация бесконечного скролла для страницы с помощью npm пакета 'vue-observe-visibility'.

Читать статью

#vue

VeeValidate

Как легко и быстро создать валидацию для формы?
Воспользоваться готовым решением!

VeeValidate - фрэймворк для валидации форм в приложениях на Vue.

Хочется похвалить документацию! Все доступно и понятно. В документации версии v4.x для Vue3 есть обучающая статья по использованию данного фрэймворка.

Ссылка на официальный сайт

#vue

Эволюция Vue

Vue 3 - актуальная версия данного фрэймворка на текущий момент.
Более двух лет происходили изменения в экосистеме Vue и за это время многое изменилось.

Например, новый Composition API позволил создавать более компонуемый код, а также проложил путь для более легкого внедрения TypeScript.

Об этом обновлении и других читайте подробнее в статье.

Ссылка на статью

#vue

nextTick

nextTick - это утилита Vue, которая используется в случаях, когда нужно дождаться обновления DOM после его перерисовки. 

Важно знать, что DOM обновляется асинхронно. Когда меняются какие-то данные во Vue, изменение не сразу отображается в DOM. Обычно это происходит так быстро, что порой может не иметь значения. 

Но иногда, например, нужно сразу обновить отрендеренный DOM после того, как Vue отрисовал его. А сделать это в методе вы сразу не можете, потому что обновление еще не произошло. В таких случаях на помощь приходит nextTick.

Как и когда использовать nextTick читайте в статье!

Ссылка на статью

#vue

drag-and-drop

Vue 3 сейчас является актуальной версией данного фрэймворка. Пора начинать пользоваться новыми фичами, которые в ней появились.

По этому случаю делимся обучающей статьей по созданию drag-and-drop загрузчику файлов на Vue 3.

Ссылка на статью

#vue

Лайфхаки Vue 3

В статье представлены полезные советы и рекомендации для разработки на Vue 3.

Например, вот один из них. Если вы знакомы с Сomposition API, то знаете, для его работы нужно каждый раз в компоненте объявлять defineComponent и setup: 

<script lang="ts">
import {defineComponent} from 'vue';

export default defineComponent({
name: 'Test',
setup() {
// ...
}
})
</script>

А можно воспользоваться короткой записью:

<script lang="ts" setup>
//...
</script>

Об этом и других советах читайте в статье!

Ссылка на статью

#vue

GSAP & Vue3

Делимся обучающей статьей по созданию анимации с помощью библиотеки GSAP на Vue 3!

Лучшее обучение всегда эффективнее при создании чего-то на практике. В проекте из статьи задействованы такие современные инструменты, как Vite(инструмент сборки) и TailwindCSS(библиотека для стилизации).

Вы научитесь подключать и использовать на практике данные инструменты во Vue 3. Всего столько полезного в одной статье!

Ссылка на статью

#vue

Анимация во Vue

В статье рассматривается 5 лучших библиотек для создания анимаций во Vue:

- vue-kinesis
- vue-prix
- vue-fake3d-image
- v-wave
- vue-animate-onscroll

Читайте полный обзор с примерами использования в статье!

Ссылка на статью

#vue

Pinia - это официально признанная библиотека управления состоянием для Vue.

Даже создатель Vue Эван Ю назвал его фактически Vuex 5. 

Pinia была создана Эдуардо Сан Мартином Мороте, тем же членом команды Vue, который создал Vue Router.
 
Но знаете ли вы, почему стоит использовать Pinia вместо Vuex?

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

Ссылка на статью

#vue