Как будешь действовать, если совместно решенная задача не работает?

Как действовать, если совместно решенная задача не работает

Это важный вопрос о рабочем процессе и навыках debugging в командной среде. Вот мой подход:

Шаг 1: Воспроизвести ошибку

Сначала нужно убедиться, что я правильно понимаю проблему:

// Вместо: "Не работает!"
// Спрашиваю:
// - На каком этапе сломалось?
// - Какая именно ошибка в консоли?
// - Воспроизводится ли всегда?
// - На каких браузерах/устройствах?

Получу точное описание с:

• Шагами для воспроизведения
• Скриншотами или видео
• Сообщениями об ошибках
• Ожидаемым vs актуальным поведением

Шаг 2: Самостоятельный анализ

Проверка консоли браузера

// В DevTools смотрю:
// 1. Console - ошибки и warnings
// 2. Network - упавшие запросы (404, 500, CORS)
// 3. Sources - точка остановки для пошагового выполнения

console.log('Debug:', variable); // добавлю логирование

Проверка кода

// Вспоминаю, что мы вместе решали:
// 1. Изменилось ли задание со времени решения?
// 2. Мой код соответствует текущему стилю проекта?
// 3. Все ли зависимости установлены?
// 4. Нет ли конфликтов с другим кодом?

Проверка окружения

# Проверяю окружение
npm install     # пересчитаю зависимости
npm run lint    # проверю синтаксис
npm run build   # попытаюсь собрать

Шаг 3: Если всё ещё не работает - документирую

### Проблема
Задача: [название]
Ошибка: [точное сообщение]

### Что я пробовал
1. Проверил консоль - [результат]
2. Проверил Network - [результат]
3. Пересчитал зависимости - [результат]
4. Посмотрел на свой код - [что обнаружил]

### Гипотеза
[Мое предположение о причине]

### Вопросы для напарника
1. Может ли быть [причина 1]?
2. Может ли быть [причина 2]?

Шаг 4: Обращусь к напарнику (без панели)

// ПРАВИЛЬНО: с информацией
"Я сделал компонент фильтра по словам из обсуждения.
 Но он не фильтрует товары. В консоли нет ошибок, 
 Network чистая. Функция handleFilter вызывается, 
 но items не обновляются. Возможно, проблема в state?
 Можем вместе посмотреть?"

// НЕПРАВИЛЬНО: без информации
"Не работает! Помоги!"

Шаг 5: Совместный анализ

К этому моменту я готов к продуктивному обсуждению:

Проверим логику вместе

// Я закомментирую сложные части
const filteredItems = items.filter(item => {
  console.log('Проверяю item:', item, 'Условие:', condition);
  // return ...
});

// Посмотрим логи и пошагово разберёмся

Возможные причины и решения

// Проблема 1: State не обновляется
// Решение: используем функциональное обновление
setItems(prevItems => prevItems.filter(...)); // правильно
setItems(items.filter(...)); // может быть проблема

// Проблема 2: useEffect срабатывает не когда надо
// Решение: проверяем dependencies
useEffect(() => {
  // код
}, [dependency]); // правильная зависимость?

// Проблема 3: Неправильный API запрос
// Решение: проверяем Network tab и payload
// Может быть, забыл отправить нужный параметр?

Шаг 6: Разные сценарии

Сценарий 1: Я неправильно понял требование

// Напарник: "На самом деле нужно было сделать так"
// Я: "Спасибо! Теперь понял. Переделаю"
// Дальше: переделываю и показываю результат

Сценарий 2: Баг на самом деле мой

// Обнаружилась ошибка в моём коде
// 1. Благодарю за помощь
// 2. Исправляю
// 3. Проверяю, что всё работает
// 4. Ищу похожие ошибки в своём коде (DRY)

Сценарий 3: Проблема у напарника

// Обнаружилось, что напарник неправильно интегрировал
// 1. Показываю результат
// 2. Объясняю, как его использовать
// 3. Помогаю интегрировать
// 4. Оба проверяем, что работает

Сценарий 4: Баг в зависимости или окружении

# Очищу кэш
rm -rf node_modules package-lock.json
npm install
npm run dev

# Проверю версию Node
node --version

# Проверю переменные окружения
echo $NODE_ENV

Шаг 7: Документирование (важно!)

// Если баг был интересный, документирую:
// 1. Проблему
// 2. Причину
// 3. Решение
// 4. Как избежать в будущем

// Пример:
// BUG: Filter не обновлял items при изменении зависимости
// ПРИЧИНА: useEffect зависел от items, но items обновляли внутри effect
// РЕШЕНИЕ: Использовать функциональное обновление setState
// УРОК: Всегда проверяй dependency array useEffect

Общие принципы

Mindset

• Инициативность: не жду, пока скажут помочь
• Честность: признаю ошибку, если моя
• Уважение к времени: подготавливаю информацию перед обращением
• Обучаемость: стараюсь понять, почему произошла ошибка
• Командность: помогаю с ошибками напарника

Что НЕ нужно делать

// Не нужно:
// 1. Обвинять фреймворк или инструменты
// 2. Сдаваться с первой ошибки
// 3. Копировать решение, не понимая его
// 4. Скрывать ошибку, если её заметил позже
// 5. Спешить - лучше потратить время на анализ

Практический чеклист

Прежде чем говорить "не работает":

• Открыл DevTools Console
• Проверил Network tab
• Посмотрел на исходный код задания
• Воспроизвёл проблему с чистым refresh (Ctrl+Shift+R)
• Проверил, что не перепутал браузер/вкладку
• Добавил console.log на ключевых местах
• Пересчитал npm install
• Перезапустил npm run dev
• Посмотрел изменения в git (может, что-то перезаписалось)
• Подготовил информацию для обсуждения

Вывод

Мой подход при ошибке в совместно решённой задаче:

1. Спокойствие - баги случаются всегда
2. Анализ - 80% времени на самостоятельный debug
3. Документирование - чёткое описание проблемы
4. Сотрудничество - продуктивное обсуждение
5. Обучение - понимание причины и способа избежать

Это профессиональный подход, который ценят в командах.