refactor: store

Author: mrnkr

example/lib/main.dart

@@ -1,18 +1,17 @@
+import 'package:example/config.dart';
+import 'package:example/modules/app_reducer.dart';
+import 'package:example/modules/app_state.dart';
+import 'package:example/my_app.dart';
 import 'package:flutter/material.dart';
 import 'package:redux_toolkit/redux_toolkit.dart';
 
-import 'app_state.dart';
-import 'config.dart';
-import 'my_app.dart';
-import 'reducer.dart';
-
 Future main() async {
   WidgetsFlutterBinding.ensureInitialized();
   await Config.initialize();
 
   final store = await configureStore<AppState>((builder) {
     builder.withReducer(reducer);
-    builder.withPreloadedState(AppState(loading: false, todos: List.unmodifiable([])));
+    builder.withPreloadedState(AppState(status: {}, todos: List.unmodifiable([])));
 
     if (Config.reduxDevtoolsEnabled) {
       builder.usingDevtools(Config.reduxDevtoolsUrl);

example/lib/modules/app_reducer.dart

@@ -0,0 +1,9 @@
+import 'package:example/modules/app_state.dart';
+import 'package:example/modules/status/reducer.dart';
+import 'package:example/modules/todos/todos_reducer.dart';
+
+AppState reducer(AppState state, dynamic action) {
+  return AppState(
+      status: statusReducer(state.status, action),
+      todos: todosReducer(state.todos, action));
+}

example/lib/app_state.dart renamed to example/lib/modules/app_state.dart

@@ -1,16 +1,16 @@
+import 'package:example/todo.dart';
 import 'package:meta/meta.dart';
 import 'package:json_annotation/json_annotation.dart';
 
-import 'todo.dart';
-
 part 'app_state.g.dart';
 
 @immutable
 @JsonSerializable(explicitToJson: true)
 class AppState {
-  final bool loading;
+  final Map<String, String> status;
   final List<Todo> todos;
-  AppState({this.loading, this.todos});
+
+  AppState({this.status, this.todos});
 
   factory AppState.fromJson(Map<String, dynamic> json) => _$AppStateFromJson(json);
   Map<String, dynamic> toJson() => _$AppStateToJson(this);

example/lib/modules/status/reducer.dart

@@ -0,0 +1,17 @@
+import 'package:redux_toolkit/redux_toolkit.dart';
+
+bool _isGeneric(dynamic a) =>
+    a.runtimeTypeoString().contains('<') &&
+    a.runtimeType.toString().contains('>');
+String _typeOfAction(dynamic a) => a.runtimeType.toString().split('<')[0];
+String _typeOfThunk(dynamic a) =>
+    a.runtimeType.toString().split('<')[1].split(',')[0];
+
+final statusReducer = createReducer(
+    Map<String, String>.unmodifiable({}),
+    (builder) => builder.addMatcher(
+        (action) =>
+            _isGeneric(action) &&
+            ['Pending', 'Rejected'].contains(_typeOfAction(action)),
+        (state, action) =>
+            {...state, _typeOfThunk(action): _typeOfAction(action)}));

example/lib/modules/status/selectors.dart

@@ -0,0 +1,5 @@
+import 'package:example/modules/app_state.dart';
+import 'package:redux_toolkit/redux_toolkit.dart';
+
+final _selectStatus = (AppState state) => state.status;
+final selectIsPending = (String key) => createSelector1(_selectStatus, (status) => status[key]);

example/lib/actions.dart renamed to example/lib/modules/todos/actions.dart

@@ -1,13 +1,12 @@
 import 'dart:convert';
 
+import 'package:example/modules/app_state.dart';
+import 'package:example/config.dart';
+import 'package:example/todo.dart';
 import 'package:meta/meta.dart';
 import 'package:redux_toolkit/redux_toolkit.dart';
 import 'package:http/http.dart' as http;
 
-import 'app_state.dart';
-import 'config.dart';
-import 'todo.dart';
-
 @immutable
 class FetchTodos extends AsyncThunk<FetchTodos, AppState, void, List<Todo>> {
   @override

example/lib/modules/todos/reducer.dart

@@ -0,0 +1,8 @@
+import 'package:example/modules/todos/actions.dart';
+import 'package:example/todo.dart';
+import 'package:redux_toolkit/redux_toolkit.dart';
+
+final todosReducer = createReducer(
+    List.unmodifiable([]),
+    (builder) => builder.addCase<Fulfilled<FetchTodos, List<Todo>, void>>(
+        (state, action) => action.payload));

example/lib/modules/todos/selectors.dart

@@ -0,0 +1,5 @@
+import 'package:example/modules/app_state.dart';
+import 'package:redux_toolkit/redux_toolkit.dart';
+
+final _selectTodos = (AppState state) => state.todos;
+final selectAllTodos = createSelector1(_selectTodos, (todos) => todos);

example/lib/my_app.dart

@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:redux/redux.dart';
 import 'package:flutter_redux/flutter_redux.dart';
 
-import 'app_state.dart';
+import 'modules/app_state.dart';
 import 'my_home_page.dart';
 
 class MyApp extends StatelessWidget {

example/lib/my_home_page.dart

@@ -1,11 +1,12 @@
+import 'package:example/modules/app_state.dart';
+import 'package:example/modules/todos/actions.dart';
+import 'package:example/modules/todos/selectors.dart';
+import 'package:example/todo.dart';
 import 'package:example/todo_list_item.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart' show HookWidget, useEffect;
 import 'package:flutter_redux/flutter_redux.dart';
 
-import 'actions.dart';
-import 'app_state.dart';
-import 'todo.dart';
 
 class MyHomePage extends HookWidget {
   @override
@@ -21,7 +22,7 @@ class MyHomePage extends HookWidget {
         title: Text('Todos'),
       ),
       body: StoreConnector<AppState, List<Todo>>(
-        converter: (store) => store.state.todos,
+        converter: (store) => selectAllTodos(store.state),
         builder: (context, todos) => ListView.builder(
             itemCount: todos.length,
             itemBuilder: (context, idx) => TodoListItem(todo: todos[idx])),