Что такое state в state management?

State в управлении состоянием

State (состояние) — это данные, которые определяют текущее поведение и внешний вид приложения в конкретный момент времени. Это ключевое понятие в управлении состоянием (state management).

Определение и суть

State — это совокупность данных, которая:

• Определяет, как выглядит приложение в настоящий момент
• Может изменяться в ответ на действия пользователя или события
• Влияет на поведение компонентов и логику приложения

Примеры state:

• Авторизован ли пользователь
• Данные товаров в корзине
• Текущий экран (маршрут)
• Значения формы
• Список загруженных статей

Типы State

1. UI State (состояние интерфейса)

Данные, связанные с представлением:

class UIState {
  final bool isLoading;
  final String? errorMessage;
  final String selectedTab;
  final bool isDarkMode;
  
  UIState({
    this.isLoading = false,
    this.errorMessage,
    this.selectedTab = home,
    this.isDarkMode = false,
  });
}

2. Business Logic State (бизнес-логика)

Данные, которые определяют бизнес-процессы:

class AuthState {
  final User? currentUser;
  final bool isAuthenticated;
  final DateTime? tokenExpiresAt;
  
  AuthState({
    this.currentUser,
    this.isAuthenticated = false,
    this.tokenExpiresAt,
  });
}

3. Domain State (доменное состояние)

Основные данные приложения (товары, пользователи и т.д.):

class ShoppingCartState {
  final List<Product> items;
  final double totalPrice;
  final int itemCount;
  
  ShoppingCartState({
    required this.items,
    required this.totalPrice,
    required this.itemCount,
  });
}

Принципы хорошего State Management

1. Единственный источник истины (Single Source of Truth)

State должен храниться в одном месте, чтобы избежать рассинхронизации:

// ❌ Плохо — state в разных местах
class HomeScreen extends StatefulWidget {
  @override
  State<HomeScreen> createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  List<Todo> todos = []; // State здесь
}

// ✅ Хорошо — централизованное управление
class TodoProvider extends StateNotifier<List<Todo>> {
  TodoProvider() : super([]);
  
  void addTodo(Todo todo) {
    state = [...state, todo];
  }
}

2. Иммутабельность (Immutability)

State должен быть неизменяемым, новые значения создаются вместо изменения существующих:

// ❌ Плохо — изменяем существующий объект
state.currentUser.name = "John";

// ✅ Хорошо — создаём новый объект
state = state.copyWith(currentUser: state.currentUser.copyWith(name: "John"));

3. Предсказуемость (Predictability)

Изменения state должны быть предсказуемы и следовать чёткому потоку:

// Очень лучше — явные переходы состояния
class LoadingState {}
class SuccessState<T> {
  final T data;
  SuccessState(this.data);
}
class ErrorState {
  final String message;
  ErrorState(this.message);
}

Примеры в контексте Flutter

Использование с Riverpod:

final userProvider = StateNotifierProvider<UserNotifier, AsyncValue<User>>(
  (ref) => UserNotifier(),
);

class UserNotifier extends StateNotifier<AsyncValue<User>> {
  UserNotifier() : super(const AsyncValue.loading());
  
  Future<void> fetchUser(String id) async {
    state = const AsyncValue.loading();
    state = await AsyncValue.guard(() => userRepository.getUser(id));
  }
}

Использование с GetX:

class UserController extends GetxController {
  final _user = Rxn<User>();
  User? get user => _user.value;
  
  void setUser(User newUser) {
    _user.value = newUser;
  }
}

Преимущества правильного управления State

• Предсказуемость — код легче понять и отладить
• Масштабируемость — легче добавлять новые функции
• Тестируемость — можно тестировать логику отдельно от UI
• Производительность — пересчитываются только нужные компоненты
• Синхронизация — все части приложения работают с одинаковыми данными

Вывод

State — это фундамент приложения Flutter. Правильное управление состоянием через выбранный паттерн (Riverpod, GetX, BLoC или другой) критично для создания стабильного, масштабируемого и удобного в поддержке приложения.