Приведи пример использования стейта компонента вместо стейта Redux

Ответ

import React, { useState } from 'react';

function Counter() {
  // Локальный стейт компонента
  const [count, setCount] = useState(0);

  const increment = () => setCount(prev => prev + 1);
  const decrement = () => setCount(prev => prev - 1);

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={increment}>+</button>
      <button onClick={decrement}>-</button>
    </div>
  );
}

Локальный стейт лучше использовать когда:

  1. Данные нужны только в одном компоненте
  2. Нет необходимости делиться состоянием с другими компонентами
  3. Состояние простое и не требует сложной логики обновления

Redux стоит использовать для глобального состояния, которое нужно многим компонентам или требует сложных обновлений.