Погружение во Vue 3 — Reactivity API

https://developers.deepgram.com/blog/2022/02/diving-into-vue-3-reactivity-api/

Как создать приложение на Laravel + Inertia.js + Vue.js + Tailwind CSS
https://laravel.io/articles/setting-up-laravel-with-inertiajs-vuejs-tailwind-css

Создание десктопного приложения на Vue 3 с помощью Pinia, Electron и Quasar

https://mokkappsdev.medium.com/building-a-vue-3-desktop-app-with-pinia-electron-and-quasar-90b4b487047a

Дорожная карта для изучения Vue.js в 2022: https://proglib.io/w/d428ff8b

Что нового в Vue CLI 5.0?

https://blog.ninja-squad.com/2022/02/17/vue-cli-5.0/

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

JavaScript — это не только веб-разработка. Сегодня с помощью него можно создавать и полноценные мобильные или десктопные приложения. Для этого есть Electron — среда JavaScript, позволяющая создавать кроссплатформенные приложения. А в связке с Vue это сделать ещё проще. Посмотрите, как веб-разработчик может без особых усилий сделать полноценное приложение:

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

#electron #vue

Руководство по использованию nextTick() в Vue.js для мгновенного получения последней версии DOM.

https://proglib.io/w/349cd85e

50 вопросов на собеседовании по Vue JS

Хотите понять как чувствует себя кандидат на вакансию, а также узнать, что могут задать на собеседовании Vue-разработчику? Тогда открывайте видео и смотрите. А для больше интереса можете ставить видео на паузу и пробовать ответить самостоятельно до того, как об этом расскажет автор:

https://www.youtube.com/watch?v=umHjpWydn8I

#видео #vue

​Погружение в Vue 3 — API реактивности

Применительно к Vue, реактивность — это функция, позволяющая обновлять содержимое экрана в соответствии с изменениями внутри кода. В этой статье речь в первую очередь пойдёт о ref, но также автор затрагивает применение toRef, toRefs и isRef. Подробнее:

https://developers.deepgram.com/blog/2022/02/diving-into-vue-3-reactivity-api/

#фронтенд #vue

Сравнение 5 топовых библиотек для анимации Vue приложений

https://blog.logrocket.com/top-5-vue-animation-libraries-compared/

Методы обхода защиты Vue JS

Одним из недостатков Vue является уязвимость для XSS атак.
В статье мы рассмотрим:
1. Директивы;
2. Минимизация векторов;
3. События;
4. Мутации;
5. Адаптация полезной нагрузки для VueJS 3;
6. Teleport;
7. Сценарии использования.

👉 @sWebDev

API реактивности Vue 3

Реактивность во Vue - это функция, позволяющая обновлять содержимое экрана исходя из изменений внутри кода. В статье речь идёт о ref, но автор также упоминает toRef, toRefs и isRef.

👉 @sWebDev

Создаем свой музыкальный плеер на Vue.js

Рассмотрим варианты создания музыкальных плееров на Vue. В статье представлен краткий обзор функционала каждого варианта и прикреплен репозиторий для знакомства с кодом проекта.

👉 @sWebDev

Vue nextTick()

Vue обновляет DOM асинхронно. Но, этот момент можно поймать используя Vue.nextTick() или this.$nextTick() . Разбираемся, как сделать это правильно в статье по ссылке.

👉 @sWebDev

​​Есть много способов сделать это: Vue 3 и взаимодействие компонентов

Vue 3 принёс в жизнь разработчиков возможность организации более гибкой структуры приложений. Всё чаще я стал замечать, что разные команды, а порой и разработчики внутри одной, используют целый зоопарк сомнительных подходов для организации взаимодействия между компонентами. Применяются какие-то крайности, либо всё в state manager, либо в composable (composition API), либо мутация props внутри дочерних компонентов!

Хотелось бы поднять эту тему и рассмотреть варианты взаимодействия компонентов доступные нам во Vue 3.

Читать...

Топ 5 библиотек для анимации на Vue - сравнение.

https://blog.logrocket.com/top-5-vue-animation-libraries-compared/

Используем v-model во Vue 3 для создания сложных форм.

https://blog.logrocket.com/using-v-model-vue-3-build-complex-forms/

Создаём PWA при помощи Vue.js

PWA - прогрессивное веб-приложение. Под этим термином понимается веб-сайт с функциями, благодаря которым он выглядит, ощущается и ведет себя так же как нативное мобильное приложение. Подробная информация о данном подходе в статье по ссылке.

👉 @sWebDev

​Vuido – Фреймворк на базе Vue.js, который позволяет создавать десктопные приложения для Windows, Mac и Linux c использованием нативных UI-компонент

☛ Проект работает без использования Electron

GitHub | #JavaScript #Interesting

Превосходная серия статей о доступности и не только, которая точно заслуживает вашего внимания:

— Under-Engineered Custom Radio Buttons and Checkboxen
— Under-Engineered Toggles
— Under-Engineered Toggles Too
— Under-Engineered Text Boxen
— Under-Engineered Responsive Tables
— Under-Engineered Select Menus
— Under-Engineered Dependency Questions
— Under-Engineered Multi-Selects