Tabulator — Библиотека для создания таблиц

Позволяет создавать интерактивные таблицы из различных данных, в формате HTML Table, Javascript Array или JSON.

Особенности / преимущества:
✔️Поддержка Safari, Chrome, Firefox, Opera, IE
✔️Оснащена полезными функциями (фильтры, сортировка, редактирование, загрузка данных)
✔️Возможность работы с React, Angular и Vue
✔️Не имеет зависимостей
✔️Стилизация с помощью классов CSS

Сайт: http://tabulator.info/
Гит: https://github.com/olifolkerd/tabulator

#библиотеки #полезно #js

👉 @frontend_mind

​Изучение Vue.js в 2022 году: дорожная карта разработчика

Первое, что нужно понять, так это то, что начинать изучение Vue или его аналога стоит только тогда, когда вы будете достаточно хорошо знать JavaScript. Если вы считаете, что уже достаточно изучили и готовы к изучению фреймворка, то держите дорожную карту с разбором каждого пункта:

https://tproger.ru/articles/izuchenie-vue-js-v-2021-godu-dorozhnaja-karta-razrabotchika/

#vue

Обучающее руководство для новичков по созданию бессерверных функций с помощью Netlify: настройка проекта, создание приложения и развертывание API.

https://nuancesprog.ru/p/14167/

@nuancesprog #Netlify #JavaScript

Полное руководство по компонентам Vue 3

https://blog.logrocket.com/definitive-guide-vue-3-components/

Опасность использования v-html в Vue-приложениях

https://medium.com/@bsalwiczek/danger-of-using-v-html-in-vue-applications-see-better-approach-3def415ba32b

Погружение во 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.

Читать...