feat: 🎸 add persistent storage

Author: MatthysDev

hackathon/offline-with-legend-state/App.tsx

@@ -41,5 +41,5 @@ const styles = StyleSheet.create({
   },
 });
 
-// export default App;
-export { default } from "./.storybook";
+export default App;
+// export { default } from "./.storybook";

hackathon/offline-with-legend-state/package.json

@@ -32,4 +32,4 @@
     "typescript": "^5.1.3"
   },
   "private": true
-}
+}

hackathon/offline-with-legend-state/src/legend-state.ts

@@ -1,8 +1,27 @@
 import { observable } from "@legendapp/state";
+import {
+  configureObservablePersistence,
+  persistObservable,
+} from '@legendapp/state/persist'
+import { ObservablePersistAsyncStorage } from '@legendapp/state/persist-plugins/async-storage'
+import AsyncStorage from '@react-native-async-storage/async-storage'
+
+configureObservablePersistence({
+  pluginLocal: ObservablePersistAsyncStorage,
+  localOptions: {
+    asyncStorage: {
+      AsyncStorage,
+    },
+  },
+})
 
 export const state$ = observable({
   expenses: [
     { id: "1", title: "Groceries", amount: 50.0 },
     { id: "2", title: "Electric Bill", amount: 75.0 },
   ],
-});
+});
+
+persistObservable(state$, {
+  local: 'store',
+})