build: install @tanstack/react-query, react-native-encrypted-storage

#19

App.tsx

@@ -1,11 +1,16 @@
+import {QueryClientProvider} from '@tanstack/react-query';
 import React from 'react';
 import {SafeAreaView, Text} from 'react-native';
 
+import queryClient from '@/api/queryClient';
+
 function App() {
   return (
-    <SafeAreaView>
-      <Text className="text-orange-300">Hellow World</Text>
-    </SafeAreaView>
+    <QueryClientProvider client={queryClient}>
+      <SafeAreaView>
+        <Text className="text-orange-300">Hellow World</Text>
+      </SafeAreaView>
+    </QueryClientProvider>
   );
 }
 

ios/Podfile.lock

@@ -939,6 +939,8 @@ PODS:
     - react-native-config/App (= 1.5.2)
   - react-native-config/App (1.5.2):
     - React-Core
+  - react-native-encrypted-storage (4.0.3):
+    - React-Core
   - React-nativeconfig (0.74.3)
   - React-NativeModulesApple (0.74.3):
     - glog
@@ -1205,6 +1207,7 @@ DEPENDENCIES:
   - React-logger (from `../node_modules/react-native/ReactCommon/logger`)
   - React-Mapbuffer (from `../node_modules/react-native/ReactCommon`)
   - react-native-config (from `../node_modules/react-native-config`)
+  - react-native-encrypted-storage (from `../node_modules/react-native-encrypted-storage`)
   - React-nativeconfig (from `../node_modules/react-native/ReactCommon`)
   - React-NativeModulesApple (from `../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios`)
   - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
@@ -1298,6 +1301,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon"
   react-native-config:
     :path: "../node_modules/react-native-config"
+  react-native-encrypted-storage:
+    :path: "../node_modules/react-native-encrypted-storage"
   React-nativeconfig:
     :path: "../node_modules/react-native/ReactCommon"
   React-NativeModulesApple:
@@ -1379,6 +1384,7 @@ SPEC CHECKSUMS:
   React-logger: fa92ba4d3a5d39ac450f59be2a3cec7b099f0304
   React-Mapbuffer: 9f68550e7c6839d01411ac8896aea5c868eff63a
   react-native-config: d7d8a0c65f7fa523197879f6b777997abbfc987e
+  react-native-encrypted-storage: db300a3f2f0aba1e818417c1c0a6be549038deb7
   React-nativeconfig: fa5de9d8f4dbd5917358f8ad3ad1e08762f01dcb
   React-NativeModulesApple: 585d1b78e0597de364d259cb56007052d0bda5e5
   React-perflogger: 7bb9ba49435ff66b666e7966ee10082508a203e8

package.json

@@ -10,10 +10,12 @@
     "test": "jest"
   },
   "dependencies": {
+    "@tanstack/react-query": "^5.51.18",
     "nativewind": "^2.0.11",
     "react": "18.2.0",
     "react-native": "0.74.3",
-    "react-native-config": "^1.5.2"
+    "react-native-config": "^1.5.2",
+    "react-native-encrypted-storage": "^4.0.3"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

src/api/queryClient.ts

@@ -0,0 +1,14 @@
+import {QueryClient} from '@tanstack/react-query';
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: false,
+    },
+    mutations: {
+      retry: false,
+    },
+  },
+});
+
+export default queryClient;

src/utils/encryptStorage.ts

@@ -0,0 +1,20 @@
+import EncryptedStorage from 'react-native-encrypted-storage';
+
+const setEncryptStorage = async <T>(key: string, data: T) => {
+  await EncryptedStorage.setItem(key, JSON.stringify(data));
+};
+
+const getEncryptStorage = async (key: string) => {
+  const storedData = await EncryptedStorage.getItem(key);
+
+  return storedData ? JSON.parse(storedData) : null;
+};
+
+const removeEncryptStorage = async (key: string) => {
+  const data = await getEncryptStorage(key);
+  if (data) {
+    await EncryptedStorage.removeItem(key);
+  }
+};
+
+export {setEncryptStorage, getEncryptStorage, removeEncryptStorage};