По какому принципу использовали Redux или обычный стейт

Redux стоит использовать для глобального состояния, которое используется в разных частях приложения (например, данные пользователя, настройки). Локальный стейт (useState, useReducer) — для изолированных компонентов или временных данных (форма ввода, UI-состояния).

Пример с Redux:

// actions.js
export const setUser = (user) => ({ type: 'SET_USER', payload: user });

// reducer.js
const userReducer = (state = null, action) => {
  switch (action.type) {
    case 'SET_USER': return action.payload;
    default: return state;
  }
};

Пример с локальным стейтом:

const [inputValue, setInputValue] = useState('');

Когда Redux избыточен:

• Проект небольшой
• Компоненты не делятся состоянием
• Состояние простое и не требует middleware (логирование, асинхронность)