Встречается на собеседованиях • сегодня
Как применяются в React принципы SOLID
React не строго следует SOLID, но некоторые принципы можно адаптировать:
**Single Responsibility**
Компоненты должны решать одну задачу. Разделяй сложные компоненты на мелкие:
```jsx
// Плохо: компонент делает всё
// Лучше:
```
**Open-Closed**
Компоненты должны быть открыты для расширения, но закрыты для модификации. Используй композицию:
```jsx
function BaseButton({ children, ...props }) {
return ;
}
function PrimaryButton(props) {
return ;
}
```
**Liskov Substitution**
Компоненты-потомки должны работать вместо родительских. Например, если `Button` и `IconButton` имеют одинаковый интерфейс.
**Interface Segregation**
Не заставляй компоненты зависеть от ненужных пропсов. Разделяй интерфейсы:
```jsx
// Плохо: компонент требует все user данные
// Лучше:
```
**Dependency Inversion**
Компоненты не должны зависеть от конкретных реализаций. Используй пропсы для инъекции зависимостей:
```jsx
function DataList({ data, renderItem }) {
return
- {data.map(renderItem)}

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы