Vue.JS

Зачем

• frontend-фреймворк
  • проект Weex — кроссплатформенный UI-фреймворк native ios, android. Alibaba но сырой ещё
• использует архитектуру Model-View-ViewModel
• SPA
• Vue 2.0 поддерживает серверный рендеринг SSR
  • Сервер NodeJS + Nuxt.js
• Паттерн управления состоянием приложения: Vuex, Pinia
• Vue концентрируется на однонаправленном потоке данных между компонентами
• Динамическая форма
  • asigloo example demo
  • https://rangle.io/blog/how-to-create-data-driven-user-interfaces-in-vue
  • https://medium.com/vue-mastery/building-an-interactive-and-distraction-free-form-with-vue-bfe23907e981
• Динамическая валидация
  • vuelidate.js
    • builtin validators
    • async validate and custom async
    • dynamic validate rule

Плюсы-минусы

• TypeScript слабая поддержка
• поддерживает только IE9+
• Сравнение c React, Angular, Ember

Паттерны

• SOLID
• Архитектура слои приложения
  • 1
  • 2
• Vue официальные паттерны разработки для разработчиков

Технологии

• Components, Libraries
• Vite
• управления состоянием приложения
  • Pinia
  • Vuex
• Node.js
  • Nuxt.js - фреймворк для создания Vue.js веб-приложений