Какие знаешь архитектуры для фронта

MVVM (Model-View-ViewModel)
Разделяет логику (ViewModel), данные (Model) и интерфейс (View). Пример:

// ViewModel (Vue.js)
const vm = new Vue({
  data: { message: 'Hello' }, // Model
  methods: { reverse() { this.message = this.message.split('').reverse().join(''); } } // Logic
});

Flux/Redux
Однонаправленный поток данных:

1. Action → 2. Reducer → 3. Store → 4. View
   Пример:

// Reducer
const counter = (state = 0, action) => action.type === 'INCREMENT' ? state + 1 : state;

Component-Based (React/Vue)
Приложение строится из независимых компонентов с собственной логикой и стилями.

Micro-Frontends
Разбивка на независимые модули (например, разные команды разрабатывают части приложения).

SPA vs SSR

• SPA (React, Vue): загружается один раз, роутинг на клиенте.
• SSR (Next.js, Nuxt): рендеринг на сервере для SEO и перфоманса.

Выбор зависит от масштаба проекта и требований к скорости/SEO.