пошКОДим: как превратить React-компонент в неуправляемый комбайн — 15 вредных советов

25.07.2026 10:24:59 | Хабр

Хабы: TypeScript, ReactJS, JavaScript, Программирование, IT-стандарты

На планировании оценивают задачу: «добавить бейдж VIP на карточку клиента». Разработчик открывает CustomerCard.tsx, молчит и говорит: «Дня три». Никто не смеётся — все открывали этот файл. В нём почти семьсот строк, и он умеет всё: грузит клиента и его заказы, кэширует, валидирует форму, различает три роли, экспортирует CSV и не падает. Сцена собирательная, но файл — нет: для этой статьи я вырастил его сам, шаг за шагом, и каждый шаг сохранил.

Вопрос к такому файлу — не «почему он большой?». Вопрос — «сколько у него причин измениться и кто их считает, кроме ревьюера?»

За годы code review я много раз наблюдал рождение комбайна и ни разу — конкретный момент, когда обычный компонент становится неуправляемым. Такого момента нет: каждое отдельное изменение выглядит разумным, укладывается в дедлайн и проходит ревью. Поэтому статья устроена как хроника: один компонент, пятнадцать вредных советов, и после каждого — счёт, который выставляет машина.

Неуправляемость не измеряется строками — строки лишь симптом. Болезнь — число причин изменения, собранных в одном файле. Пока их никто не считает, комбайн растёт легально: каждый его шаг проходит code review.

Подробнее

Читайте также

Смартфоны проигрывают искусственному интеллекту
25.07.2026 10:20:00 | it-world

В облачном гейминге Xbox появилась реклама. Зато играть дают бесплатно
25.07.2026 10:15:29 | ferra.ru

Нашёл модель в 8 раз дешевле. Она начала писать иероглифы в русских новостях
25.07.2026 09:55:14 | Хабр

Открытое сравнение сервисов речевой аналитики
25.07.2026 09:37:15 | Хабр

Инопланетные зонды могут прятаться на нашем заднем дворе
25.07.2026 09:36:56 | Хабр

Распространение персональных данных: как появилась статья 10.1 (часть 1)
25.07.2026 09:24:00 | Хабр

Нужна ли проектная документация в 26 году и что если ты пришел на новый проект, а там хаос и пустота?
25.07.2026 09:11:44 | Хабр

Как изобрели письменность? Часть 2. Три с половиной тысячелетия египетской письменности от иероглифики до демотики
25.07.2026 09:01:53 | Хабр

Трансмедийный сторителлинг: почему популярные истории живут в разных форматах
25.07.2026 09:00:53 | Хабр

Opus 5 вышел: стал ли Fable 5 лишним? Сравниваем цену задачи, агентные сценарии и ограничения
25.07.2026 08:57:44 | Хабр

До 1 ГБ кэша: AMD представила серверные процессоры EPYC Zen 6
25.07.2026 08:15:32 | ferra.ru

Робот, который звонит в WhatsApp: как я автоматизировал то, что автоматизировать не предполагалось
25.07.2026 08:06:49 | Хабр

Nintendo Switch 2 спустя год. Стоит ли сейчас покупать самую дешевую актуальную консоль поколения
25.07.2026 08:05:48 | Хабр

Анатомия фотоаппарата: зеркалки, дальномеры и шкальные камеры на примере советской классики
25.07.2026 08:00:48 | Хабр

Особенности SRE в мобильном банкинге: подходы, вызовы и специфика
25.07.2026 08:00:47 | Хабр

История краха Webvan: привлекли $800 млн, успешно вышли на IPO, потратили $1,2 млрд, но что-то пошло не так
25.07.2026 07:22:09 | Хабр

Что общего у советских НИИ, суперкомпьютеров и гиперскейлеров
25.07.2026 07:16:44 | Хабр

Хуки Claude Code: запрещаем агенту коммитить без прогона тестов
25.07.2026 06:30:41 | Хабр

Как VisiCalc помог Стиву Джобсу в продаже Apple II
25.07.2026 06:20:39 | Хабр

Модульные ноутбуки Framework тоже пострадали от резкого скачка цен на память
25.07.2026 06:15:25 | ferra.ru

Симулятор дальтонизма для сайта, Figma и Chrome: как девять чисел из статьи 2009 года разошлись по четырём инструментам
25.07.2026 06:00:36 | Хабр

Бенчмаркая ключи Dictionary: забыл IEquatable — получил ×5 и 96 байт на каждый поиск
25.07.2026 05:28:45 | Хабр

Приближаем переворот в теоретической физике
25.07.2026 05:25:52 | Хабр

Готовит ли OpenAI новую революцию в IT?
25.07.2026 04:05:11 | Хабр

Ученые НИЯУ МИФИ изучили материал для наномикросхем будущего
24.07.2026 23:58:19 | ferra.ru

В российском ретейле вырос спрос на специалистов по нейросетям
24.07.2026 23:13:26 | ferra.ru

В России испытают биологические наноконтейнеры для лечения остеоартрита
24.07.2026 22:55:00 | ferra.ru

Как я потратил вечер, разбираясь, почему кэш в клоде, gpt и джемини — это три разных зверя
24.07.2026 22:46:35 | Хабр

В России предложили создать цифровой токен для защиты данных граждан
24.07.2026 22:45:54 | ferra.ru

В Samsung объяснили, почему Galaxy Z Fold 8 в Корее стоят гораздо дешевле
24.07.2026 22:15:24 | ferra.ru

В России создали считывающую систему для регистрирации отдельных фотонов
24.07.2026 22:10:00 | ferra.ru

В России оценили перспективность биометрии по ладони
24.07.2026 21:58:10 | ferra.ru

В МГТУ им. Баумана создают 3D-печать с углеродным волокном для прочных деталей
24.07.2026 21:25:00 | ferra.ru

Российские ученые выбрали перспективные сероводородные источники на Камчатке
24.07.2026 20:58:02 | ferra.ru

Ночные серебристые облака в России будут видны до конца августа
24.07.2026 20:40:00 | ferra.ru

Смотреть все

НОВОСТИ

Набирающий популярность в РФ кроссовер получит полный привод: новая модификация
20.12.2026 06:40:00 | За рулем

Врач назвал опасный миф о первой помощи при инфаркте
19.10.2026 11:33:04 | Lenta.ru

Щербина станет врио главы Приморья после перехода Кожемяко в кабмин РФ
19.10.2026 11:32:56 | Life.ru

С начала года ВСУ почти в 80% случаев атак на Херсонскую область применили БПЛА
19.10.2026 11:32:51 | ТАСС

AFP: протестующие заблокировали доступ в Лувр
19.10.2026 11:32:50 | ТАСС

Рубио назвал линию обороны Донбасса ключевой точкой конфликта для Киева
19.10.2026 11:32:40 | Life.ru

Госдума готова поднять налог на сверхдоходы золотодобытчиков
19.10.2026 11:32:28 | Life.ru

Зеленский сделал заявление об отсутствии предупреждения США об ударе
19.10.2026 11:32:00 | Lenta.ru

В Алешкинском округе из-за ударов ВСУ сгорели здание сельхозпредприятия и магазин
19.10.2026 11:31:58 | ТАСС

Рейса S7 Новосибирск — Махачкала приземлился в Омске из-за неисправности
19.10.2026 11:31:40 | Life.ru

Вернуть деньги за заботу о родителях: В России предложили ввести налоговый вычет на сиделок
19.10.2026 11:30:32 | Life.ru

В российском аэропорту обнаружили радиоактивные отходы
19.10.2026 11:27:36 | Lenta.ru

Раскрыты подробности взлома базы данных Dodo Pizza
19.10.2026 11:27:06 | Lenta.ru

Госсовет Татарстана одобрил назначение Лапина на должность вице-премьера региона
19.10.2026 11:26:44 | ТАСС

У собаки из популярного у россиян мема заподозрили рак
19.10.2026 11:26:43 | Lenta.ru

В Москве проходят проверки электросудов и плавучих причалов перед зимним сезоном
19.10.2026 11:26:43 | ТАСС

Кандидат на пост вице-премьера - главы аппарата кабмина. Карьера Ирины Окладниковой
19.10.2026 11:26:29 | ТАСС

Голикова: тематические года укрепляют социальную базу отношений РФ и КНР
19.10.2026 11:26:15 | ТАСС

Citizen TV: в Кении выявили восьмой случай заражения Эболой
19.10.2026 11:25:59 | ТАСС

Зеленский прокомментировал ночной удар по Украине новой жалобой на США
19.10.2026 11:25:00 | Российская Газета

Рубио: американские компании жаловались руководству на атаки ВСУ в Черном море
19.10.2026 11:24:55 | ТАСС

Прокуратура проводит надзорные мероприятия после посадки самолета в Омске
19.10.2026 11:24:18 | ТАСС

Сотрудничавшего с Украиной якутского сепаратиста задержал спецназ
19.10.2026 11:24:00 | Lenta.ru

Показатели парижской биржи упали после массовых беспорядков во Франции
19.10.2026 11:23:05 | ТАСС

В Подмосковье вынесли приговор четверым фигурантам дела о похищении человека
19.10.2026 11:22:23 | ТАСС

WSJ: Саудовская Аравия сохраняет приверженность дипломатии в решении конфликта с хуситами
19.10.2026 11:22:00 | ТАСС

Полковник предсказал эффект от разгрома новейшей системы защиты ВСУ
19.10.2026 11:22:00 | Lenta.ru

В Поморье двух человек задержали по подозрению в оправдании терроризма
19.10.2026 11:21:48 | ТАСС

В Донецке блогера Монтян приговорили к 1,5 года колонии
19.10.2026 11:20:49 | ТАСС

ГД определит процедуру утверждения кандидатур на должности в кабмин на заседании совета
19.10.2026 11:20:30 | ТАСС

Найденная в Екатеринбурге шахматистка могла убежать из-за проигрыша на турнире
19.10.2026 11:20:15 | ТАСС

МО Италии: Украине никогда не победить в конфликте с Россией
19.10.2026 11:18:43 | ТАСС

Зеленский назвал сроки проведения президентских выборов
19.10.2026 11:18:41 | Lenta.ru

Зеленский пожаловался, что партнеры вновь не предупредили Киев о пусках ракет
19.10.2026 11:18:33 | ТАСС

Подавший сигнал бедствия над Казахстаном российский самолет приземлился
19.10.2026 11:18:32 | Lenta.ru

Все новости

ВСЕ НОВОСТИ

ПИШИТЕ

Техническая поддержка проекта ВсеТут

info@vsetut.pro