React предоставляет несколько типов компонентов: 1. **Функциональные компоненты** - простые функции, возвращающие JSX. С появлением хуков стали основным способом создания компонентов. ```jsx function Greeting({ name }) { return

Hello, {name}!

; } ``` 2. **Классовые компоненты** - ES6 классы, расширяющие React.Component. Имеют методы жизненного цикла и состояние. ```jsx class Counter extends React.Component { state = { count: 0 }; render() { return ; } } ``` 3. **Чистые компоненты (PureComponent)** - оптимизированные классовые компоненты, которые поверхностно сравнивают пропсы и состояние для предотвращения лишних ререндеров. 4. **Мемоизированные компоненты** - функциональные компоненты, обернутые в React.memo для оптимизации производительности аналогично PureComponent. 5. **Провайдеры и потребители контекста** - компоненты для работы с Context API. 6. **Порталы** - позволяют рендерить дочерние элементы в DOM-узел вне родительского компонента.