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

1. Большие компоненты - разбиваю на мелкие переиспользуемые компоненты с одной ответственностью. Пример плохого подхода:

function UserProfile() {
  // Слишком много логики в одном компоненте
  return <div>...</div>;
}

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.