Всё ещё не знаете, куда складывать компоненты? | Component Architecture

В этом выпуске я разберу, как организовать структуру компонентов так, чтобы место нового компонента было очевидным уже в момент его создания. Начнём с классической ситуации: проект растёт, а в одной папке components постепенно смешиваются переиспользуемые компоненты, бизнес-сущности и элементы конкретных страниц. Пока компонентов немного, это почти не мешает. Но со временем структура перестаёт объяснять, что перед нами и где этому коду вообще место. Для решения этой проблемы мы возьмём отдельные принципы из co-location, Feature-Sliced Design и Atomic Design — без попытки разбирать каждую методологию целиком. Я покажу, как разделить компоненты между icons, ui, compositions, бизнес-сущностями и конкретными страницами — и как определить место нового компонента буквально за несколько вопросов. Результат простой: структура начинает отражать роль компонента, а разные уровни приложения больше не смешиваются между собой. Главная идея: Место компонента должно быть очевидным. Если каждый раз приходится думать, куда его положить — структура уже не помогает. Проект: https://github.com/eugenezalens/cache-routes-independence LinkedIn — сотрудничество: https://www.linkedin.com/in/eugenezalens/ Главы 00:00 Начало 01:12 Введение 01:37 Требования и проблема 03:37 Решение 05:00 Рефакторинг и применение 07:40 Заключение #FrontendArchitecture #React #SoftwareArchitecture