Какие антипаттерны стараешься не использовать при написании React компонентов

1. **Большие компоненты** - разбиваю на мелкие переиспользуемые компоненты с одной ответственностью. Пример плохого подхода: ```jsx function UserProfile() { // Слишком много логики в одном компоненте return ; } ``` 2. **Проп дриллинг** - избегаю передачи props через множество уровней, использую Context API или state-менеджеры. 3. **Использование индексов как key** - это может вызвать проблемы с ререндерингом. Лучше использовать уникальные ID. 4. **Прямые манипуляции DOM** - вместо `document.querySelector` использую refs и React-way управления DOM. 5. **Избыточные ререндеры** - оптимизирую с помощью `React.memo`, `useMemo`, `useCallback`. 6. **Хранение недеривативного состояния** - избегаю хранения данных, которые можно вычислить из существующего состояния. 7. **Использование setState в цикле** - группирую обновления состояния или использую функциональную форму setState.