АРХИТЕКТУРА FRONTEND-А FSD (FEATURE SLICES DESIGN)

• Рассматривается архитектура фронтенда, включая фьючеслайс дизайн FSD.  

• FSD можно внедрить в любые фреймворки, такие как React и Solite.  

• FSD улучшает переиспользуемость компонентов и упрощает работу с кодом.  

• FSD обеспечивает единообразие структуры проекта, независимо от фреймворка.  

• Понятный подход к организации кода облегчает внедрение и поддержку проекта.  

• FSD поддерживает однонаправленность данных и улучшает взаимодействие с проектом.  

• FSD позволяет контролировать переиспользование логики, избегая ненужных зависимостей.  

• FSD предоставляет больше возможностей для написания и изменения кода.  

• FSD ориентирован на потребности бизнеса и пользователей.  

• FSD состоит из слоев, таких как ап, процесс, пейджис, виджеты, фичи и энтити.  

• Ап включает корневые элементы проекта, такие как роутинг и конфигурация.  

• Процесс охватывает несколько страниц и этапов, таких как авторизация и формирование корзины.  

• Пейджис включает страницы, такие как товары и корзина.  

• Виджеты — это составные части страниц, которые можно использовать в разных местах.  

• Фичи — это более мелкие составные части виджетов, такие как входные данные и кнопки.  

• Энтити — это бизнес сущности, такие как пользователи, товары и оплаты.  

• Шер-слой содержит переиспользуемый код, который не зависит от специфики проекта.  

• Шер-слой позволяет легко внедрять и использовать компоненты без привязки к бизнес-логике.  

• Пейджис не знает о виджетах, а виджеты не знают о пейджис.  

• Пейджис и виджеты могут использовать друг друга, но не наоборот.  

• Это предотвращает циклические зависимости и проблемы.  

• Слайсы — это части проекта, такие как аватары пользователей или настройки.  

• Слайсы делятся на сегменты, которые включают UI, API и взаимодействие с бэкендом.  

• Важно контролировать, что экспортируется из сегментов, чтобы избежать проблем.  

• Публикапи позволяет контролировать, что экспортируется во внешнюю среду.  

• Пейджис и виджеты должны экспортировать только необходимые данные.  

• Это предотвращает проблемы с экспортом ненужных данных.  

• Слайсы и сегменты делятся на слои, такие как UI, API и бизнес-логика.  

• UI включает компоненты и верстку, API — взаимодействие с бэкендом и запросы данных.  

• Бизнес-логика включает хранение и извлечение данных.  

• Пример использования: разделение на роуты, пейджис, виджеты и фичи.  

• Пейджис формирует роуты, а виджеты используют фичи.  

• Важно понимать, как данные передаются между слоями.  

• Подход агностичен и может применяться в разных фреймворках.  

• Пример: разделение на роуты, пейджис и виджеты в разных фреймворках.  

• Важно понимать, как данные передаются между слоями для эффективного использования.  

• Подход включает основные слои: API, пейджис, виджеты, фичи и сущности.  

• Дополнительные материалы и примеры можно найти в продвинутом телеграм-канале.  

• Подписывайтесь и ставьте лайки для получения дополнительной информации.