fix(template): migrate template to React Native 0.73

release-npm

Author: tobua

package.json

@@ -9,7 +9,7 @@
     "source": true
   },
   "dependencies": {
-    "change-case": "5.2.0"
+    "change-case": "5.3.0"
   },
   "devDependencies": {
     "padua": "^2.0.7"

template/babel.config.json

@@ -1,3 +1,3 @@
 {
-  "presets": ["module:metro-react-native-babel-preset"]
+  "presets": ["module:@react-native/babel-preset"]
 }

template/create-app.js

@@ -8,7 +8,7 @@ const appName = '<%= pascal %>App'
 
 console.log('⌛ Initializing a fresh RN project...')
 
-execSync(`npx react-native init ${appName}`, {
+execSync(`npx react-native init ${appName} --skip-git-init true --install-pods true`, {
   // Write output to cnosole.
   stdio: 'inherit',
 })

template/package.json

@@ -25,29 +25,32 @@
     "format": "prettier \"{,!(app|dist)/**/}*.{ts,tsx}\" --write"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-native": "^0.71.3"
+    "react": ">= 18",
+    "react-native": ">= 0.70"
   },
   "devDependencies": {
-    "@react-native-community/eslint-config": "^3.2.0",
-    "@types/jest": "^29.5.10",
-    "@types/react": "^18.2.41",
-    "@types/react-native": "^0.72.7",
+    "@react-native-community/cli": "^13.0.0",
+    "@react-native/babel-preset": "^0.74.0",
+    "@react-native/eslint-config": "^0.74.0",
+    "@react-native/typescript-config": "^0.74.0",
+    "@types/jest": "^29.5.11",
+    "@types/node": "^20.10.4",
+    "@types/react": "^18.2.43",
+    "@types/react-native": "^0.72.8",
     "@types/react-test-renderer": "^18.0.7",
     "babel-jest": "^29.7.0",
     "cpx": "^1.5.0",
-    "esbuild": "^0.19.8",
+    "esbuild": "^0.19.9",
     "eslint": "^8.55.0",
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-prettier": "^5.0.1",
     "jest": "^29.7.0",
-    "metro-react-native-babel-preset": "^0.77.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.1.0",
+    "prettier": "^3.1.1",
     "react": "^18.2.0",
-    "react-native": "^0.72.7",
+    "react-native": "^0.73.0",
     "react-test-renderer": "^18.2.0",
-    "typescript": "^5.3.2"
+    "typescript": "^5.3.3"
   },
   "files": [
     "dist"

template/tsconfig.json

@@ -1,24 +1,14 @@
 {
+  "extends": "@react-native/typescript-config/tsconfig.json",
   "compilerOptions": {
-    "target": "esnext",
-    "module": "commonjs",
-    "lib": ["es2017"],
-    "allowJs": true,
-    "jsx": "react",
-    "isolatedModules": true,
-    "strict": true,
-    "moduleResolution": "node",
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "resolveJsonModule": true,
-    "declaration": true,
     "outDir": "dist",
+    "noEmit": false,
+    "declaration": true,
     "emitDeclarationOnly": true,
+    "types": ["react-native", "jest", "node"],
     "paths": {
       "<%= name %>": ["."]
     }
   },
-  "include": ["index.tsx"],
-  "exclude": ["node_modules"]
+  "include": ["index.tsx"]
 }