Руководство по использованию 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

Книга "Функциональное программирование. Как улучшить код JavaScript-программ"

Новшества DevTools в Chrome 105, которые облегчают дебаг и разработку.

https://developer.chrome.com/blog/new-in-devtools-105/

Книга "Гид по Computer Science для каждого программиста"

📖 Vue.js 3 Cookbook

Автор: Heitor Ramon Ribeiro, 2020

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

• Скачать книгу из архива
• Стоимость в магазине

📚 Полка Разработчика | #ENG #Vue

Создавайте 3D-визуальные эффекты в Vue с помощью Lunchbox.js

Lunchbox.js — это пользовательский рендерер для Three.js, который упрощает работу с ним. И он отлично сочетается с Vue. В этой статье вы узнаете всё, что нужно, чтобы начать создавать крутые 3D-визуальные эффекты:

https://blog.logrocket.com/build-3d-visuals-vue-lunchbox-js

#vue #lunchbox

Интересная библиотека компонентов под Vue 3

https://vuestic.dev/en/ui-elements/