В React есть два основных вида компонентов: функциональные и классовые. **Функциональные компоненты** - это простые функции, которые принимают props и возвращают JSX. Они легче, современнее и рекомендуются к использованию: ```jsx function Greeting(props) { return

Hello, {props.name}

; } ``` **Классовые компоненты** - это ES6-классы, которые наследуются от React.Component. Они имеют состояние (state) и методы жизненного цикла: ```jsx class Counter extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; } render() { return ; } } ``` Также компоненты можно разделить на: - Презентационные (глупые) - только отображают данные - Контейнерные (умные) - управляют состоянием и логикой Сейчас функциональные компоненты с хуками заменяют большинство случаев использования классовых.