expo starter

Author: marekbukoski

.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: ['@react-native-community', 'plugin:@typescript-eslint/recommended'],
+};

.gitignore

@@ -0,0 +1,89 @@
+node_modules/**/*
+.expo/*
+.expo-shared/
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+*.log
+
+# macOS
+.DS_Store
+
+*.env
+eas.json
+_scripts/
+.expo
+media/
+
+# will be generated after `expo run:ios` or `expo run:android`
+ios/
+android/
+metro.config.js
+react-native.config.js
+index.js
+
+# @generated expo-cli sync-e7dcf75f4e856f7b6f3239b3f3a7dd614ee755a8
+# The following patterns were generated by expo-cli
+
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+!debug.keystore
+
+# Bundle artifacts
+*.jsbundle
+
+# CocoaPods
+/ios/Pods/
+
+# Expo
+.expo/
+web-build/
+dist/
+
+# @end expo-cli

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'all',
+  printWidth: 100,
+  bracketSpacing: false,
+  arrowParens: 'avoid',
+};

.release-it.json

@@ -0,0 +1,13 @@
+{
+  "non-interactive": true,
+  "git": {
+    "requireCleanWorkingDir": true
+  },
+  "npm": {
+    "publish": false
+  },
+  "github": {
+    "release": true,
+    "releaseName": "v${version}"
+  }
+}

App.tsx

@@ -0,0 +1,74 @@
+import 'expo-dev-client';
+import React, {useCallback, useEffect, useMemo, useState} from 'react';
+import {LogBox} from 'react-native';
+
+import * as Linking from 'expo-linking';
+import {StatusBar} from 'expo-status-bar';
+import * as SplashScreen from 'expo-splash-screen';
+import {GestureHandlerRootView} from 'react-native-gesture-handler';
+
+import {NavioApp} from '@app/navio';
+import {
+  configureDesignSystem,
+  getNavigationTheme,
+  getStatusBarBGColor,
+  getStatusBarStyle,
+} from '@app/utils/designSystem';
+import {hydrateStores} from '@app/stores';
+import {initServices} from '@app/services';
+import {AppProvider} from '@app/utils/providers';
+import {useAppearance} from '@app/utils/hooks';
+
+LogBox.ignoreLogs([
+  'Require',
+  'Found screens with the same name nested inside one another.', // for navio in some cases
+]);
+
+export default (): JSX.Element => {
+  useAppearance();
+  const [ready, setReady] = useState(false);
+
+  // `onLaunch` performs actions that have to be done on app launch before displaying app UI.
+  // If you need to make some api requests, load remote config, or some other "heavy" actions, you can use `@app/services/onLaunch.tsx`.
+  const onLaunch = useCallback(async () => {
+    await SplashScreen.preventAutoHideAsync();
+
+    await hydrateStores();
+    configureDesignSystem();
+    await initServices();
+
+    setReady(true);
+    await SplashScreen.hideAsync();
+  }, []);
+
+  useEffect(() => {
+    onLaunch();
+  }, [onLaunch]);
+
+  const NotReady = useMemo(() => {
+    // [Tip]
+    // You can show loading state here.
+    return <></>;
+  }, [ready]);
+
+  if (!ready) return NotReady;
+  return (
+    <GestureHandlerRootView style={{flex: 1}}>
+      <AppProvider>
+        <StatusBar style={getStatusBarStyle()} backgroundColor={getStatusBarBGColor()} />
+        <NavioApp
+          navigationContainerProps={{
+            theme: getNavigationTheme(),
+            linking: {
+              prefixes: [Linking.createURL('/')],
+            },
+          }}
+
+          // [Tip]
+          // You can use `root` to change the root of the app depending on global state changes.
+          // root={isLoggedIn ? 'AuthStack' : 'AppTabs'}
+        />
+      </AppProvider>
+    </GestureHandlerRootView>
+  );
+};