Next version 8.x (#249)

New version 8.x

- perf. optimization: add optional React Compiler
- reduce bundle size: split web code via `.web` extention
- debugging: no anonymous functions
- Update example

Author: retyui

.eslintrc.js

@@ -2,11 +2,13 @@ module.exports = {
   parser: '@typescript-eslint/parser',
   extends: [
     'plugin:react/recommended',
+    'plugin:react-hooks/recommended-legacy',
     'plugin:@typescript-eslint/recommended',
     'plugin:prettier/recommended',
   ],
+  plugins: ['react-compiler'],
   parserOptions: {
-    ecmaVersion: 2023,
+    ecmaVersion: 2025,
     sourceType: 'module',
     ecmaFeatures: {jsx: true},
   },
@@ -16,6 +18,9 @@ module.exports = {
     },
   },
   rules: {
-    "@typescript-eslint/no-explicit-any": "off",
-  }
+    '@typescript-eslint/no-explicit-any': 'off',
+    'react-compiler/react-compiler': 'error',
+    'react-hooks/rules-of-hooks': 'error',
+    'react-hooks/exhaustive-deps': 'error',
+  },
 };

examples/DemoCodeField/.gitignore

@@ -3,12 +3,16 @@
 *.xcworkspace/
 *.zip
 .DS_Store
+.bundle/*
+!.bundle/config
 .gradle/
 .idea/
 .vs/
+.xcode.env
 Pods/
 build/
-dist/
+dist/*
+!dist/.gitignore
 local.properties
 msbuild.binlog
 node_modules/

examples/DemoCodeField/.watchmanconfig

@@ -1 +1 @@
-{}
+{}

examples/DemoCodeField/.yarn/install-state.gz

@@ -0,0 +1,10 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Exclude problematic versions of cocoapods and activesupport that causes build failures.
+gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
+gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
+gem 'xcodeproj', '< 1.26.0'
+gem 'concurrent-ruby', '< 1.3.4'

examples/DemoCodeField/Gemfile

@@ -1,29 +1,42 @@
 buildscript {
-    def androidTestAppDir = "../node_modules/react-native-test-app/android"
-    apply(from: "${androidTestAppDir}/dependencies.gradle")
-    apply(from: "${androidTestAppDir}/test-app-util.gradle")
+    apply(from: {
+        def searchDir = rootDir.toPath()
+        do {
+            def p = searchDir.resolve("node_modules/react-native-test-app/android/dependencies.gradle")
+            if (p.toFile().exists()) {
+                return p.toRealPath().toString()
+            }
+        } while (searchDir = searchDir.getParent())
+        throw new GradleException("Could not find `react-native-test-app`");
+    }())
 
     repositories {
         mavenCentral()
         google()
     }
 
     dependencies {
-        classpath("com.android.tools.build:gradle:${androidPluginVersion}")
-
-        if (isNewArchitectureEnabled(project)) {
-            classpath("com.facebook.react:react-native-gradle-plugin")
-            classpath("de.undercouch:gradle-download-task:5.1.0")
+        getReactNativeDependencies().each { dependency ->
+            classpath(dependency)
         }
     }
 }
 
 allprojects {
     repositories {
-        maven {
-            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
-            url("${rootDir}/../node_modules/react-native/android")
-        }
+        {
+            def searchDir = rootDir.toPath()
+            do {
+                def p = searchDir.resolve("node_modules/react-native/android")
+                if (p.toFile().exists()) {
+                    maven {
+                        url(p.toRealPath().toString())
+                    }
+                    break
+                }
+            } while (searchDir = searchDir.getParent())
+            // As of 0.80, React Native is no longer installed from npm
+        }()
         mavenCentral()
         google()
     }

examples/DemoCodeField/android/build.gradle

@@ -25,18 +25,29 @@ org.gradle.jvmargs=-Xmx2g -XX:MaxMetaspaceSize=512m -XX:+HeapDumpOnOutOfMemoryEr
 # https://developer.android.com/topic/libraries/support-library/androidx-rn
 android.useAndroidX=true
 # Automatically convert third-party libraries to use AndroidX
-android.enableJetifier=true
-
-# Version of Flipper to use with React Native. Default value is whatever React
-# Native defaults to. To disable Flipper, set it to `false`.
-#FLIPPER_VERSION=0.125.0
+#android.enableJetifier=true
+# Jetifier randomly fails on these libraries
+#android.jetifier.ignorelist=hermes-android,react-android
+
+# Use this property to specify which architecture you want to build.
+# You can also override it from the CLI using
+# ./gradlew <task> -PreactNativeArchitectures=x86_64
+reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
+
+# Use this property to enable support to the new architecture.
+# This will allow you to use TurboModules and the Fabric render in
+# your application. You should enable this flag either if you want
+# to write custom TurboModules/Fabric components OR use libraries that
+# are providing them.
+# Note that this is incompatible with web debugging.
+newArchEnabled=true
+#bridgelessEnabled=true
 
-# Enable Fabric at runtime.
-#USE_FABRIC=1
+# Uncomment the line below to build React Native from source.
+#react.buildFromSource=true
 
-# Enable new architecture, i.e. Fabric + TurboModule - implies USE_FABRIC=1.
-# Note that this is incompatible with web debugging.
-#newArchEnabled=true
+# Version of Android NDK to build against.
+#ANDROID_NDK_VERSION=26.1.10909125
 
-# Uncomment the line below if building react-native from source
-#ANDROID_NDK_VERSION=21.4.7075529
+# Version of Kotlin to build against.
+#KOTLIN_VERSION=1.8.22

examples/DemoCodeField/android/gradle.properties

@@ -1,5 +1,7 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.4.2-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14-bin.zip
+networkTimeout=10000
+validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists