1. **MVC (Model-View-Controller)** - Модель (данные), Представление (UI), Контроллер (логика). - Пример: Backbone.js, AngularJS. 2. **MVVM (Model-View-ViewModel)** - Двустороннее связывание данных (ViewModel ↔ View). - Пример: Vue.js, Knockout.js. 3. **Flux/Redux** - Односторонний поток данных (Action → Dispatcher → Store → View). - Пример: React + Redux. 4. **Micro Frontends** - Разделение приложения на независимые модули (каждый может быть на своем стеке). - Пример: Module Federation в Webpack. 5. **Atomic Design** - Разбиение UI на атомы, молекулы, организмы и т.д. - Пример: Storybook + React. 6. **Server-Side Rendering (SSR)** - Рендеринг на сервере для SEO и перфоманса. - Пример: Next.js, Nuxt.js. 7. **Static Site Generation (SSG)** - Генерация статических страниц на этапе сборки. - Пример: Gatsby, Hugo. 8. **Event-Driven Architecture** - Компоненты общаются через события (pub/sub). - Пример: Node.js + EventEmitter. 9. **Clean Architecture** - Слоистая структура (ядро → UI → инфраструктура). - Пример: React + TypeScript + Dependency Injection. 10. **SPA vs MPA** - Single-Page Application (React, Angular) vs Multi-Page (традиционные сайты). Пример MVC в React: ```jsx // Model (данные) const data = { title: "Hello" }; // View (компонент) const View = ({ title }) =>

{title}

; // Controller (контейнер) const Controller = () => { const [state] = useState(data); return ; }; ```