В чем разница между классовыми и функциональными компонентами в React

Классовые компоненты — это ES6-классы, которые расширяют `React.Component` и используют методы жизненного цикла (например, `componentDidMount`). Они имеют состояние (`this.state`) и могут использовать `this.props`. Функциональные компоненты — это просто функции, которые принимают `props` и возвращают JSX. До React 16.8 они были stateless, но с появлением хуков (например, `useState`, `useEffect`) функциональные компоненты получили возможность управления состоянием и side effects. **Пример классового компонента:** ```jsx class MyComponent extends React.Component { state = { count: 0 }; render() { return ; } } ``` **Пример функционального компонента:** ```jsx function MyComponent() { const [count, setCount] = useState(0); return ; } ``` **Основные различия:** 1. Синтаксис (классы vs функции) 2. Жизненный цикл (методы vs хуки) 3. Производительность (функциональные легче оптимизировать) 4. Читаемость (функциональные проще для понимания) Сейчас React рекомендует использовать функциональные компоненты с хуками.