Patternfly

Элементы PatternFly — это коллекция, состоящая из 20 гибких и легких веб-компонентов, а также инструментов для их создания. Элементы PatternFly обладают легким весом и ограничением boilerplating (что в значительной степени является стандартом для веб-компонента). Они работают в React, Vue, Angular и vanilla JS, а также везде, где используются HTML-элементы.

Запустите демо-версию:
git clone git@github.com:patternfly/patternfly-elements.git
cd patternfly-elements
npm install # this will take a while due to lerna bootstrap
npm run storybook

👉 @sWebDev

VuePress

Это генератор статических сайтов на основе Vue. Первоначально созданный как инструмент для написания технической документации, теперь это небольшая, компактная и мощная безголовая CMS. Начиная с версии 1.x, он предлагает отличные функции ведения блогов и мощную систему плагинов. Он поставляется с темой по умолчанию (с учетом технической документации), но вы также можете создавать собственные темы или использовать готовые опции сообщества.

👉 @sWebDev

vux

Это коллекция из более чем 78 UI-компонентов, созданных по принципу mobile-first для веб-приложений, написанных на vue.js

👉 @sWebDev

Building Forms with Vue.js

Автор: Marina Mosti
Год издания: 2019

#vue #english

Advanced JavaScript Visualized - 2021
#javascript #english

Функциональное программирование на JavaScript - 2018
#JavaScript #русский

⚡️Breaking news!

Nuxt@3 was just open-sourced.

https://github.com/nuxt/framework

#ts #vue #js

Vue.js 3

Автор: Heitor Ramon Ribeiro
Год издания: 2021

Скачать книгу

#vue #english

Service Worker

Service Worker - что же это это такое?

Если кратко, то это специальный javascript файл, который служит прослойкой между сайтом и сервером.

Используя данную прослойку, можно кэшировать ответы с сервера и такие составляющие сайта, как CSS, favicon, логотип, шрифты и другое.

Какая польза от его использования?

- Повышение производительности,
- Предоставление доступа к контенту, даже когда пользователь оффлайн
и другое!

Статья супер! В ней подробно рассказано, как создать и использовать данную прослойку, приведены разные схемы и примеры.

Читать -> тут.

🔥 @ProstoRazrabotka

Написание юнит-тестов на компоненты - более надежный способ, чем тестирование итогового HTML-кода. Разберем несколько ситуаций, с которыми вы можете столкнуться на пути создания таких тестов.

https://nuancesprog.ru/p/12858

@nuancesprog #статьи #Vue

Тестирование компонентов Vue.js с помощью Vue Test Utils.

В своей статье Nada Riffki рассказывает зачем и как тестировать Vue компоненты (с реальными примерами).

https://blog.logrocket.com/testing-vue-js-components-vue-test-utils/

25 советов по Vue, которые вам нужно знать

https://dev.to/michaelthiessen/25-vue-tips-you-need-to-know-2h70

vue-easytable

vue-easytable - один из самых мощных компонентов для построения таблиц в Vue.
Что касается табличного компонента, он имеет много удивительных встроенных функций на все случаи жизни.

👉 @sWebDev

Комплексная CSS-анимация во Vue с AnimXYZ

https://www.smashingmagazine.com/2021/10/composable-css-animation-vue-animxyz/

Брендирование изображений с помощью ImageKit и Vue.js

https://blog.logrocket.com/image-branding-imagekit-vuejs/

Процесс отображения веб-страницы в браузере | Critical Rendering Path

https://jagjeets.medium.com/web-performance-understanding-critical-rendering-path-72283caefc1f

Создание приложения с помощью Electron и Vue

https://blog.logrocket.com/building-app-electron-vue/

Введение в модули Nuxt 3

https://dev.to/baroshem/introduction-to-nuxt-3-modules-5h8o

Vuestic UI

В этой открытой и бесплатной библиотеки на сегодняшний день уже более 50 настраиваемых компонентов, которые полностью совместимы с Vue.js 3. Библиотека поддерживает самые популярные браузеры крайне проста в установке и использовании.

👉 @sWebDev