Вопросы React Frontend Developer

FSD (Feature-Sliced Design) и SOLID решают схожие задачи – создание понятного и масштабируемого кода. Основные параллели:

1. Принцип единственной ответственности (SRP): Каждый слайс (фича) в FSD отвечает за одну область.
2. Открытость/закрытость (OCP): FSD позволяет расширять функциональность без изменения существующего кода.
3. Инверсия зависимостей (DIP): Слои FSD (shared, entities, features) зависят от абстракций, а не друг от друга.

FSD делит проект на слои по бизнес-логике:

1. App — инициализация, роутинг.

2. Pages — страницы.

3. Features — фичи (например, авторизация).

4. Entities — бизнес-сущности (User, Product).

5. Shared — UI-кит, утилиты.

Atomic Design — это методология дизайна, которая делит интерфейс на иерархические уровни: атомы (кнопка, инпут), молекулы (поисковая строка = инпут + кнопка), организмы (шапка сайта), шаблоны и страницы. FSD (Feature-Sliced Design) — это архитектурная методология для frontend-проектов, которая фокусируется на организации папок по бизнес-логике: она делит код на слои (app, pages, features, entities, shared). Ключевое отличие: Atomic Design — это про компоненты, а FSD — про всю структуру проекта, включая логику, состояния и API.