Пятая Кнопка Вечера: Архитектура Фронтенда в Контексте LLM

К концу второго месяца разработки моего пет-проекта я создал пять компонентов кнопок, четыре спиннера, компонент страницы на 700 строк и шапку, показывающую один баланс, в то время как модалка демонстрировала другой. LLM-агент справился с этой задачей быстро и с отличным стилем кода. Упадок фронтенда под влиянием LLM происходит даже быстрее, чем у бэкенда, что связано с качеством обучающей выборки, в которой смешаны три поколения React, и природой JSX, где разметка, логика и состояние сосуществуют в одном файле. В статье рассматриваются успешные подходы: Feature-Sliced Design, упрощенный до трех слоев для удобства агента; использование dependency-cruiser в качестве архитектурного контракта; генерация API-клиента из OpenAPI вместо доменной модели; и неожиданная благодарность Tailwind. Также обсуждается самое слабое звено в цепочке: агент, который работает вслепую. Этот текст является продолжением статьи о бэкенде, но может быть прочитан отдельно.