Как понять что компонент самодостаточен

Компонент считается самодостаточным, если он: 1. **Не зависит от внешнего состояния** – использует только свои пропсы или локальный стейт. 2. **Имеет четкий API** – принимает понятные пропсы и эмитит ожидаемые события. 3. **Инкапсулирует логику** – не требует доступа к родительским методам или глобальному стору. 4. **Изолирован в стилях** – CSS не протекает наружу (например, через scoped-стили или CSS-in-JS). **Пример:** ```jsx // Good: принимает пропсы, управляет своим состоянием function Counter({ initialValue = 0 }) { const [count, setCount] = useState(initialValue); return ( setCount(count + 1)}> Clicks: {count} ); } ``` **Плохо:** компонент, который зависит от глобального стора или родительских методов.