Пятая кнопка за вечер. Фронтенд-архитектура, когда за тебя пишет LLM

К концу второго месяца вайб-кодинга на фронте пет-проекта уже накопилось пять разных кнопок, четыре спиннера, страничный компонент на 700 строк и шапка, показывающая один баланс, в то время как рядом открытая модалка выдавала совсем другой. LLM-агент всё это генерил уверенно, быстро и с нормальным стилем кода. Фронтенд под LLM сыпется быстрее бэкенда — и на то есть причины: от обучающей выборки, где вперемешку валяются три поколения React, до самой сути JSX, где разметка, логика и состояние спокойно живут в одном файле по законам жанра.

Под катом — что в итоге зашло: Feature-Sliced Design, обрезанный до трёх слоёв, как навигация для агента; dependency-cruiser в роли архитектурного контракта, который не обойти; генерация API-клиента из OpenAPI вместо доменной модели; за что я простил Tailwind; и честно — про самое больное место конвейера: агент, верстающий вслепую. Это сиквел статьи про бэкенд, но читается и отдельно.

Читать далее

👉 Node.JS [ru]