Какие знаешь паттерны для Frontend

1. **Singleton** - гарантирует единственный экземпляр класса. Используется для глобального состояния (например, Redux Store). ```javascript class Singleton { constructor() { if (!Singleton.instance) { Singleton.instance = this; } return Singleton.instance; } } ``` 2. **Observer** - подписка на события (например, EventEmitter в Node.js или CustomEvents в браузере). 3. **Factory** - создание объектов без указания конкретного класса (например, React.createElement). 4. **Decorator** - добавление функциональности без изменения класса (например, Higher-Order Components в React). 5. **Module** - инкапсуляция кода (ES6 модули, IIFE). 6. **Proxy** - перехват операций с объектом (например, валидация данных). 7. **MVC/MVVM** - разделение логики, представления и данных (Angular, Vue). 8. **Compound Components** - компоненты, работающие вместе (например, `` и `` в React). 9. **Render Props** - передача логики через props (React). 10. **Hooks** - функциональный подход для состояния и эффектов (React Hooks). Примеры: React Context (Singleton), Redux (Observer + Singleton), React Router (Compound Components).