got store working. now working on product-dimension switcher.

app/(tabs)/index.tsx

@@ -4,49 +4,23 @@ import { HelloWave } from '@/components/HelloWave';
 import ParallaxScrollView from '@/components/ParallaxScrollView';
 import { ThemedText } from '@/components/ThemedText';
 import { ThemedView } from '@/components/ThemedView';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { LengthInput } from '@/components/LengthInput';
+import { setupStore } from '../store';
 
 export default function HomeScreen() {
+
+  const store = setupStore();
+
+  function calculatePrice() {
+
+  }
+
   return (
-    <ParallaxScrollView
-      headerBackgroundColor={{ light: '#A1CEDC', dark: '#1D3D47' }}
-      headerImage={
-        <Image
-          source={require('@/assets/images/partial-react-logo.png')}
-          style={styles.reactLogo}
-        />
-      }>
-      <ThemedView style={styles.titleContainer}>
-        <ThemedText type="title">Welcome!</ThemedText>
-        <HelloWave />
-      </ThemedView>
-      <ThemedView style={styles.stepContainer}>
-        <ThemedText type="subtitle">Step 1: Try it</ThemedText>
-        <ThemedText>
-          Edit <ThemedText type="defaultSemiBold">app/(tabs)/index.tsx</ThemedText> to see changes.
-          Press{' '}
-          <ThemedText type="defaultSemiBold">
-            {Platform.select({ ios: 'cmd + d', android: 'cmd + m' })}
-          </ThemedText>{' '}
-          to open developer tools.
-        </ThemedText>
-      </ThemedView>
-      <ThemedView style={styles.stepContainer}>
-        <ThemedText type="subtitle">Step 2: Explore</ThemedText>
-        <ThemedText>
-          Tap the Explore tab to learn more about what's included in this starter app.
-        </ThemedText>
-      </ThemedView>
-      <ThemedView style={styles.stepContainer}>
-        <ThemedText type="subtitle">Step 3: Get a fresh start</ThemedText>
-        <ThemedText>
-          When you're ready, run{' '}
-          <ThemedText type="defaultSemiBold">npm run reset-project</ThemedText> to get a fresh{' '}
-          <ThemedText type="defaultSemiBold">app</ThemedText> directory. This will move the current{' '}
-          <ThemedText type="defaultSemiBold">app</ThemedText> to{' '}
-          <ThemedText type="defaultSemiBold">app-example</ThemedText>.
-        </ThemedText>
-      </ThemedView>
-    </ParallaxScrollView>
+    <SafeAreaView>
+      <LengthInput onLengthSet={calculatePrice} />
+      {}
+    </SafeAreaView>
   );
 }
 

app/store.ts

@@ -0,0 +1,32 @@
+import { combineReducers, configureStore } from '@reduxjs/toolkit';
+import { rememberReducer, rememberEnhancer } from 'redux-remember';
+import reducers from "@/features/product/productSlice"
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { Product } from "@/lib/product";
+
+const rememberedKeys = ['products'];
+
+const rootReducer = reducers;
+
+export function setupStore(preloadedState: Partial<RootState> = {
+    products: [] as Product[],
+}) {
+    return configureStore({
+        reducer: rememberReducer(reducers),
+        // @ts-ignore
+        preloadedState,
+        enhancers: (getDefaultEnhancers) => getDefaultEnhancers().concat(
+            rememberEnhancer(
+                AsyncStorage,
+                rememberedKeys,
+                {
+                    persistWholeStore: true,
+                }
+            )
+        ),
+    });
+}
+
+export type RootState = ReturnType<typeof rootReducer>;
+export type AppStore = ReturnType<typeof setupStore>;
+export type AppDispatch = AppStore['dispatch'];