Сделаем худший Vue.js в мире

Разбираемся, что у Vue под капотом, и делаем примитивный клон: https://proglib.io/w/0693af00

#vue #frameworks

Сегодня Vue 3 стала дефолтной версией, заменив вторую.
https://blog.vuejs.org/posts/vue-3-as-the-new-default.html

Как создать приложение вокруг Composition API во Vue 3

https://tproger.ru/articles/kak-sozdat-prilozhenie-vokrug-composition-api-vo-vue-3/

​Детальный разбор процесса сборки в webpack

https://proglib.io/w/6fa568dc

#tools #webpack

Методы обхода защиты приложений VueJS

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

https://proglib.io/w/3008a222

#vue #security

​Построение микрофронтендов на Vue

Разбор vue-плагина, который упрощает настройку микрофронтенд-архитектуры: https://proglib.io/w/fafe7d1f

#microfrontends #vue #tools

8 проектов на Vue, которые должен сделать каждый новичок

8 идей несложных проектов (с видео), с которыми вы быстрее изучите возможности фреймворка и научитесь использовать разные инструменты: https://proglib.io/w/78ce6cae

#vue #projects

​Что такое Vite: руководство по современному супербыстрому инструменту

Vite - это новое поколение инструментов для разработки фронтенда. Он очень быстрый и не зависит от фреймворка. Разбираемся, может ли он заменить CRA и webpack: https://proglib.io/w/5114eb57

#tools

​Правильный способ заставить Vue перендерить компонент

Иногда бывает так, что реактивности Vue не хватает, и вам нужно перерендерить компонент. Или вам нужно сбросить DOM и начать сначала. Как сделать это правильно?

https://proglib.io/w/a2d4bac0

#vue

CoreUI Vue

CoreUI — это библиотека компонентов Vue, которая ориентирована исключительно на создание интерфейсов для администраторов. Он создан с использованием современных фреймворков и инструментов.

👉 @sWebDev

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