В React есть два основных вида компонентов: 1. **Функциональные компоненты** (с хуками) - современный стандарт: ```jsx function Greeting({ name }) { return

Hello, {name}!

; } ``` 2. **Классовые компоненты** (устаревший подход): ```jsx class Greeting extends React.Component { render() { return

Hello, {this.props.name}!

; } } ``` Ключевые различия: - Функциональные компоненты проще, поддерживают хуки (useState, useEffect и др.) - Классовые имеют методы жизненного цикла (componentDidMount и др.) - Сейчас рекомендуется использовать функциональные компоненты Также компоненты делятся на: - Управляемые (controlled) - данные через props - Неуправляемые (uncontrolled) - используют refs - Чистые (PureComponent/memo) - оптимизированы для предотвращения лишних рендеров