feat: add Redux store setup with persistence and custom hooks for dispatch and selector

Author: afnx

src/hooks/useAppDispatch.ts

@@ -0,0 +1,4 @@
+import { useDispatch } from "react-redux";
+import type { AppDispatch } from "../store";
+
+export const useAppDispatch = () => useDispatch<AppDispatch>();

src/hooks/useAppSelector.ts

@@ -0,0 +1,4 @@
+import { TypedUseSelectorHook, useSelector } from "react-redux";
+import type { RootState } from "../store";
+
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;

src/store/index.ts

@@ -0,0 +1,46 @@
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import { combineReducers, configureStore } from "@reduxjs/toolkit";
+import {
+  FLUSH,
+  PAUSE,
+  PERSIST,
+  persistReducer,
+  persistStore,
+  PURGE,
+  REGISTER,
+  REHYDRATE,
+} from "redux-persist";
+
+import browserReducer from "../features/browser/browserSlice";
+import scriptsReducer from "../features/scripts/scriptsSlice";
+import settingsReducer from "../features/settings/settingsSlice";
+
+const persistConfig = {
+  key: "root",
+  storage: AsyncStorage,
+  whitelist: ["scripts", "settings"],
+};
+
+const rootReducer = combineReducers({
+  browser: browserReducer,
+  scripts: scriptsReducer,
+  settings: settingsReducer,
+});
+
+const persistedReducer = persistReducer(persistConfig, rootReducer);
+
+export const store = configureStore({
+  reducer: persistedReducer,
+  middleware: (getDefaultMiddleware) =>
+    getDefaultMiddleware({
+      serializableCheck: {
+        ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
+      },
+    }),
+  devTools: __DEV__, // Enable Redux DevTools only in development
+});
+
+export const persistor = persistStore(store);
+
+export type RootState = ReturnType<typeof store.getState>;
+export type AppDispatch = typeof store.dispatch;

src/types/index.ts

@@ -0,0 +1,9 @@
+import { BrowserState } from "../features/browser/types";
+import { ScriptsState } from "../features/scripts/types";
+import { SettingsState } from "../features/settings/types";
+
+export interface RootState {
+  browser: BrowserState;
+  scripts: ScriptsState;
+  settings: SettingsState;
+}