Вопросы React Frontend Developer

Interface Segregation Principle (ISP) — это принцип SOLID, который гласит, что клиенты не должны зависеть от методов, которые они не используют. Вместо одного большого интерфейса лучше создавать несколько маленьких и специфичных. Это уменьшает связность и упрощает поддержку кода, так как изменения в одном интерфейсе затрагивают только те классы, которые от него зависят.

Dependency Inversion (Инверсия зависимостей) — это принцип SOLID, который гласит, что модули верхнего уровня не должны зависеть от модулей нижнего уровня. Оба должны зависеть от абстракций. Абстракции не должны зависеть от деталей. Детали должны зависеть от абстракций. Во фронтенде это означает, что компоненты (например, React-компоненты) не должны напрямую зависеть от конкретных реализаций сервисов (API-клиентов, хранилищ), а должны зависеть от их интерфейсов (абстракций). Это позволяет легко подменять реализации, например, для тестирования (моками) или при смене бэкенда, делая код более гибким и поддерживаемым.

Принцип открытости/закрытости гласит, что компоненты должны быть открыты для расширения, но закрыты для модификации. В контексте UI это означает, что базовый компонент не должен изменяться при добавлении новой функциональности. Вместо этого новая логика добавляется через композицию, наследование (редко) или передачу параметров. Например, кнопку можно расширить, передав новые пропсы или обернув её в HOC, а не изменяя её исходный код. Это делает код более предсказуемым и упрощает тестирование.