Какие твои решения привели к фейлу

1. Неоптимизированные запросы API – забывал про дебаунс/троттлинг, что приводило к лишним запросам и нагрузке.

   js

   Копировать

   // Плохо
   input.addEventListener('input', fetchData);
   
   // Хорошо
   input.addEventListener('input', _.debounce(fetchData, 300));

2. Критический рендеринг – не разбивал тяжелые компоненты, из-за чего блокировался основной поток. Решение: виртуализация списков (например, react-window).

3. Глобальный стейт для локальных данных – использовал Redux там, где хватило бы useState, усложняя поддержку.

4. Игнорирование ошибок – не обрабатывал ошибки API, ломая интерфейс.

   js

   Копировать

   // Плохо
   const data = await fetch(url);
   
   // Хорошо
   try {
     const data = await fetch(url);
   } catch (e) {
     showToast('Ошибка загрузки');
   }

5. CSS-специфичность – писал вложенные селекторы, что вело к "войнам" стилей. Перешел на CSS-модули/BEM.

Вывод: теперь всегда анализирую последствия решений до реализации.