Этот курс будет полезен для frontend разработчиков с любым уровнем навыков. На практических занятиях мы рассмотрим, как применить FSD не только с React, но и с Next, Vue, Nuxt, Angular, а также Svelte.
Начнем с изучения, что такое FSD и как он способствует лучшей организации наших проектов, а также разберем понятия слоев, слайсов и сегментов. В дальнейшем мы поэтапно изучим каждый слой на практике, создавая основу для крупного проекта.
Также, мы познакомимся с инструментами, которые упрощают структурирование проектов по FSD и управление изменениями. Будем работать с макетами для тренировки декомпозиции, размечая различные слои. В заключительных этапах курса мы исследуем, как внедрять FSD совместно с такими фреймворками, как Next, Vue, Nuxt, Angular и Svelte. Курс ориентирован на практику, так как после изучения каждого слоя или сегмента мы сразу же будем применять знания, разрабатывая приложение.
По окончании курса вы научитесь:
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Евгений Паромов
В курсе собран весь мой опыт работы с FSD, best practises, архитектурные принципы, которые лежат в основе и много примеров разной сложности. Начнём с базовых абстрактных понятий, закончим конкретными решениями задач на самых популярных технологиях.
Главный принцип - делать максимально изолированные компоненты, все что они должны уметь - принимать параметры через пропсы, и отдавать данные через события. Вся логика в сторе или в композаблах(vue), выполнять логику только на верхнем уровне - в странице. Если вызываешь апишку непосредственно в форме поиска - застрелись, если в компоненте кнопки подключил стор - спрыгни со скалы. И не нужна никакая строгая организация папок, которая только путаницу вводит. Старая добрая папка components - все что нужно, все к ней привыкли.
Создали черт пойми какую систему, чтобы придать себе важности, а как ей пользоваться сами до конца не могут договориться