other settings config

Author: hmarques98

.DS_Store

@@ -168,7 +168,7 @@ Hooks for fetching, caching and updating asynchronous data in React.
 
 ### AXIOS
 
-## #TODO BENEFITS
+I like to used axios because your interceptors configurations.
 
 ### Redux/Redux Toolkit
 
@@ -211,6 +211,24 @@ This is similar to [redux-sentry-middleware](https://github.com/vidit-sh/redux-s
 ### react-native-bootsplash
 
 Works great for controlling your splash screen.
+To help about lib
+
+```bash
+$ npx react-native generate-bootsplash --help
+```
+
+Full command usage example to put your SplashScreen
+
+```bash
+npx react-native generate-bootsplash assets/splash.png \
+  --background-color=F5FCFF \
+  --logo-width=100 \
+  --assets-path=assets \
+  --flavor=main
+```
+
+Only iOS follow this instructions from library [BootSplash](https://github.com/zoontek/react-native-bootsplash)
+where is saying `Set the BootSplash.storyboard as launch screen file:`
 
 ### react-native-svg
 
@@ -313,6 +331,7 @@ root
     |   └── useNotification.tsx
     |   └── usePrevious.tsx
     |   └── useStartupTime.tsx
+    |   └── useReactQuery.tsx
     └── localization
     |   └── resources
     |   |   └── en.json
@@ -343,6 +362,13 @@ root
     └── utils
         ├── colors.ts
         └── console.ts
+    └── services
+        ├── axiosConfig.ts
+    └── styles
+        ├── colors.ts
+        ├── typography.ts
+        ├── spacing.ts
+        ├── index.ts
 
 ```
 

README.md

@@ -1,6 +1,6 @@
 {
   "name": "@hmarques98/react-native-template",
-  "version": "2.0.2",
+  "version": "1.0.0",
   "description": "A minimal template with good architecture and common packages to let you focus on writing features right away.",
   "scripts": {},
   "files": [
@@ -9,7 +9,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/hmarques98/react-native-template.git"
+    "url": "git+https://github.com/hmarques98/react-native-template-typescript.git"
   },
   "keywords": [
     "react",
@@ -19,9 +19,9 @@
     "starter",
     "typescript"
   ],
-  "author": "Osama Qarem <osamaqarem@gmail.com>",
+  "author": "Henrique Marques <marquesprogrammer@hotmail.com>",
   "license": "MIT",
-  "homepage": "https://github.com/osamaq/react-native-template",
+  "homepage": "https://github.com/hmarques98/react-native-template-typescript",
   "release-it": {
     "git": {
       "commitMessage": "chore: release v${version}"

package.json

@@ -1,2 +1,3 @@
 ENV=prod
-SENTRY_DSN=
+SENTRY_DSN=
+BASE_URL=

template/.env.prod

@@ -14,6 +14,7 @@ import useStartupTime from 'hooks/useStartupTime';
 import useAppState from 'react-native-appstate-hook';
 import { Provider } from 'react-redux';
 import store from './src/store';
+import { QueryClient, QueryClientProvider } from 'react-query';
 
 enableScreens();
 
@@ -29,6 +30,7 @@ if (typeof SENTRY_DSN === 'string' && SENTRY_DSN.length > 0) {
     dsn: SENTRY_DSN,
   });
 }
+const queryClient = new QueryClient();
 
 const App = () => {
   // useNotifications();
@@ -47,7 +49,9 @@ const App = () => {
 
   return (
     <Provider store={store}>
-      <Router />
+      <QueryClientProvider client={queryClient}>
+        <Router />
+      </QueryClientProvider>
     </Provider>
   );
 };

template/App.tsx

@@ -15,12 +15,10 @@
         android:name=".MainActivity"
         android:label="@string/app_name"
         android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode"
-        android:launchMode="singleTask"
-        android:windowSoftInputMode="adjustResize">
-        <intent-filter>
-            <action android:name="android.intent.action.MAIN" />
-            <category android:name="android.intent.category.LAUNCHER" />
-        </intent-filter>
+        android:windowSoftInputMode="adjustResize"
+        android:exported="true"
+        android:launchMode="singleTask">
+        
         <intent-filter>
             <action android:name="android.intent.action.VIEW" />
             <category android:name="android.intent.category.DEFAULT" />
@@ -39,5 +37,14 @@
             <data android:scheme="template" />
         </intent-filter>
       </activity>
+       <activity
+        android:name="com.zoontek.rnbootsplash.RNBootSplashActivity"
+        android:theme="@style/BootTheme"
+        android:launchMode="singleTask">
+      <intent-filter>
+        <action android:name="android.intent.action.MAIN" />
+        <category android:name="android.intent.category.LAUNCHER" />
+      </intent-filter>
+    </activity>
     </application>
 </manifest>

template/android/app/src/main/AndroidManifest.xml

@@ -1,15 +1,24 @@
 package com.template;
 
+import android.os.Bundle; // <- add this necessary import
 import com.facebook.react.ReactActivity;
+import com.zoontek.rnbootsplash.RNBootSplash; // <- add this necessary import
 
 public class MainActivity extends ReactActivity {
 
   /**
    * Returns the name of the main component registered from JavaScript. This is used to schedule
    * rendering of the component.
    */
+
   @Override
   protected String getMainComponentName() {
     return "template";
   }
+
+  @Override
+  protected void onCreate(Bundle savedInstanceState) {
+    super.onCreate(savedInstanceState);
+    RNBootSplash.init(R.drawable.bootsplash, MainActivity.this); // <- display the generated bootsplash.xml drawable over our MainActivity
+  }
 }

template/android/app/src/main/java/com/template/MainActivity.java

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android" android:opacity="opaque">
+    <item android:drawable="@color/bootsplash_background" />
+
+    <item>
+        <bitmap android:src="@mipmap/bootsplash_logo" android:gravity="center" />
+    </item>
+</layer-list>