DEV Community

Cover image for Изоляция и Сборка: Как устроены проекты Senior-Архитекторов!!!
Doyty
Doyty

Posted on

Изоляция и Сборка: Как устроены проекты Senior-Архитекторов!!!

Цех src/ — Чистый код. Скелет и мозг проекта. Это Доктрина №2 в действии: все слои HTML, CSS, JS изолированы и не смешиваются.
Склад продукции dist/ — каша(однослойности), которую мы видим на крупных сайтов корпораций google, youtube Сборщик берёт все слои из src/, сжимает их, минифицирует и складывает в папку dist/. Это оптимизированный интерфейс от сервера до браузера. Это не легаси код, а оптимизация под однослойность позиций многослойности семантических связей. Это гениально)

Конструктор build/ — сборочный цех. Папка для временных файлов, создаются во время сборки однослойности для браузеров(пользователей) оптимизации многослойности. Важная основа работы интернета.

Чужие модули(близкие модули) libs/ — изолированные контейнеры другая семантическая связь контейнеризации. искусственные созданные библиотеки лежат здесь. из близких модулей и создается Api контракты. Это защищает от однослойности системы и чужого легаси кода.

Радар tests/ — Система безопасности проверка кода. Если мы что-то сломаем, тесты проверяющего кода дадут сигнал. Изолированный слой контроля качества.

Полигон demo/ — главное доказательство, что всё работает. Локальный сервер на GitHub Pages, где мы можешь увидеть Coverflow 3D модель карусели всех свойств проектирование в действии)

Top comments (0)