upgrade react native to use 0.65 and its dependencies

Author: Handi Priyono

_editorconfig .editorconfig_editorconfig renamed to .editorconfig

@@ -23,9 +23,6 @@ node_modules/react-native/flow/
 [options]
 emoji=true
 
-esproposal.optional_chaining=enable
-esproposal.nullish_coalescing=enable
-
 exact_by_default=true
 
 module.file_ext=.js
@@ -63,4 +60,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.137.0
+^0.149.0

.flowconfig

@@ -8,11 +8,20 @@ It is a template that you can clone and reuse for every project. It is starting
 
 consist of:
 
-- react-native": "0.64.0"
-- react-navigation and its dependencies
+- react-native": "0.65.1"
+- react-navigation and its dependencies: -> React navigation 6.
+  - @react-navigation/native: "^6.0.2
+  - @react-navigation/native-stack: "^6.1.0"
+  - @react-navigation/stack: "^6.0.7"
+  - react-native-gesture-handler: "^1.10.3"
+  - react-native-screens: "^3.6.0"
+  - react-native-tab-view: "^3.1.1"
+  - react-native-masked-view/masked-view: "^0.2.6"
+  - @react-navigation/bottom-tabs: "^6.0.5"
+  - @react-navigation/material-top-tabs: "^6.0.2"
 - redux, redux persist and redux thunk
-- react native vector icons
-- react-native async storage
+- react native vector icons: "^8.1.0"
+- react-native async storage: @react-native-async-storage/async-storage: "^1.15.7"
 
 ## Getting Started
 
@@ -64,8 +73,12 @@ Run this command `chmod 755 android/gradlew` from your root project directory
 - Paste your Android SDK path depending on the operating system:
 
   - Windows:
-    sdk.dir=C:/Users/`USERNAME`/AppData/Local/Android/sdk
+    sdk.dir=C:\\Users\\`USERNAME`\\AppData\\Local\\Android\\sdk
   - Linux or MacOS
-    sdk.dir=/home/`USERNAME`/Android/sdk
+    sdk.dir=/Users/`USERNAME`/Library/Android/sdk
 
 - Replace `USERNAME` with your PC username
+
+### React Native Build Failed on M1 Macbook Pro / Air
+
+try this solution: [How to Run and Build React Native on Macbook Pro M1 Apple Silicon](https://handi.dev/blog/how-run-react-native-on-macbook-m1-apple-silicon)

LICENSE

@@ -125,11 +125,6 @@ android {
 
     compileSdkVersion rootProject.ext.compileSdkVersion
 
-    compileOptions {
-        sourceCompatibility JavaVersion.VERSION_1_8
-        targetCompatibility JavaVersion.VERSION_1_8
-    }
-
     defaultConfig {
         applicationId "com.reactnativeboilerplate"
         minSdkVersion rootProject.ext.minSdkVersion
@@ -215,8 +210,9 @@ dependencies {
 // Run this once to be able to run the application with BUCK
 // puts all compile dependencies into folder libs for BUCK to use
 task copyDownloadableDepsToLibs(type: Copy) {
-    from configurations.compile
+    from configurations.implementation
     into 'libs'
 }
 
+apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
 apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

README.md

@@ -1,5 +1,6 @@
 package com.reactnativeboilerplate;
 import android.os.Bundle;
+
 import com.facebook.react.ReactActivity;
 
 public class MainActivity extends ReactActivity {
@@ -9,13 +10,13 @@ public class MainActivity extends ReactActivity {
    * rendering of the component.
    */
 
-   @Override
-    protected void onCreate(Bundle savedInstanceState) {
-        super.onCreate(null);
-    }
-
+  @Override
+  protected void onCreate(Bundle savedInstanceState) {
+      super.onCreate(null);
+  }
+  
   @Override
   protected String getMainComponentName() {
-    return "reactnativeboilerplate";
+    return "reactNativeBoilerplate";
   }
 }

android/app/build.gradle

@@ -1,3 +1,3 @@
 <resources>
-    <string name="app_name">reactnativeboilerplate</string>
+    <string name="app_name">reactNativeBoilerplate</string>
 </resources>

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

@@ -2,25 +2,26 @@
 
 buildscript {
     ext {
-        buildToolsVersion = "29.0.3"
+        buildToolsVersion = "30.0.2"
         minSdkVersion = 21
-        compileSdkVersion = 29
-        targetSdkVersion = 29
+        compileSdkVersion = 30
+        targetSdkVersion = 30
         ndkVersion = "20.1.5948944"
     }
     repositories {
         google()
-        jcenter()
+        mavenCentral()
     }
     dependencies {
-        classpath("com.android.tools.build:gradle:4.1.0")
+        classpath("com.android.tools.build:gradle:4.2.1")
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
     }
 }
 
 allprojects {
     repositories {
+        mavenCentral()
         mavenLocal()
         maven {
             // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
@@ -32,7 +33,6 @@ allprojects {
         }
 
         google()
-        jcenter()
         maven { url 'https://www.jitpack.io' }
     }
 }

android/app/src/main/res/values/strings.xml

@@ -25,4 +25,4 @@ android.useAndroidX=true
 android.enableJetifier=true
 
 # Version of flipper SDK to use with React Native
-FLIPPER_VERSION=0.75.1
+FLIPPER_VERSION=0.93.0

android/build.gradle

@@ -1,5 +1,5 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-6.7-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.9-all.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists