Все ли будешь хранить в state

Не все данные нужно хранить в state. State предназначен для данных, которые могут изменяться и влиять на UI. Например:

1. Хранить в state:
   • Данные формы (input values)
   • Флаги загрузки/ошибок
   • Состояние модальных окон

const [name, setName] = useState('');
const [isLoading, setIsLoading] = useState(false);

2. Не хранить в state:
   • Константы (API URLs, статические данные)
   • Производные данные (лучше использовать useMemo)
   • Данные, не влияющие на рендеринг (можно в ref)

const API_URL = 'https://api.example.com'; // не в state
const memoizedValue = useMemo(() => heavyCalculation(data), [data]);

Главное правило: state должен быть минимально необходимым для работы интерфейса.