Update new jsx transform apis, bind to Jsx in compiler, for JSX V4.

.github/workflows/nodejs.yml

@@ -16,12 +16,12 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [10.x, 12.x]
+        node-version: [16.x]
 
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@v3
     - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v3
       with:
         node-version: ${{ matrix.node-version }}
     - run: npm install

Changes.md

@@ -2,7 +2,19 @@
 
 ## master
 
-- Rewrite the `RescriptReactErrorBoundary` component implementation with `@react.component`, so it can be compatible with the changes of JSX PPX.
+- Re-written the `RescriptReactErrorBoundary` component implementation using `@react.component`, to support the new JSX PPX V4.
+
+- `ReactV3` module added for backward compatibility to JSX v3.
+
+**Breaking:**
+
+- **IMPORTANT** The `React` module has been modified in a breaking way to support the new JSX PPX V4.
+
+- Removed the deprecation attribute from apis of the new jsx transform (introduced in React v17).
+
+- New version requirements:
+  - ReScript compiler V10.1+
+  - ReactJS v18.2.0+
 
 ## v0.10.3
 

README.md

@@ -1,4 +1,4 @@
-## rescript-react 
+## rescript-react
 
 > The Official ReScript Bindings for ReactJS
 
@@ -12,12 +12,33 @@
 
 ### Installation
 
+#### React-JSX transformation V4
+
+The ReScript compiler V10.1+ is required.
+
 ```
 npm install @rescript/react --save
 ```
 
 In your `bsconfig.json`:
 
+```
+{
+  "jsx": { "version": 4, "mode": "classic" },
+  "bs-dependencies": ["@rescript/react"]
+}
+```
+
+If you want to try [the new jsx transform](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) which was introduced in React v17, set the `"mode": "automatic"`.
+
+#### React-JSX transformation V3
+
+```
+npm install @rescript/[email protected] --save
+```
+
+In your `bsconfig.json`:
+
 ```
 {
   "reason": { "react-jsx": 3 },
@@ -31,9 +52,16 @@ In your `bsconfig.json`:
 
 ### Requirements
 
-- bs-platform v8.3+
-- ReactJS v16.8.1+
-- **Optimized for ReScript syntax usage**
+- v0.11.0+
+
+  - ReScript Compiler v10.1+
+  - ReactJS v18.2.0+
+
+- v0.10.3
+
+  - bs-platform v8.3+
+  - ReactJS v16.8.1+
+  - **Optimized for ReScript syntax usage**
 
 ### Development
 

bsconfig.json

@@ -1,6 +1,9 @@
 {
   "name": "@rescript/react",
-  "reason": { "react-jsx": 3 },
+  "jsx": {
+    "version": 4,
+    "mode": "classic"
+  },
   "sources": [
     {"dir": "src", "subdirs": true},
     { "dir": "test", "type": "dev" }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescript/react",
-  "version": "0.10.3",
+  "version": "0.11.0",
   "description": "React bindings for ReScript",
   "files": [
     "README.md",
@@ -29,14 +29,14 @@
   "homepage": "https://rescript-lang.org/docs/react/latest/introduction",
   "devDependencies": {
     "jest": "^26.0.1",
-    "react": "^16.8.1",
-    "react-dom": "^16.8.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "reason-test-framework": "^0.3.2",
-    "rescript": "^9.1.4"
+    "rescript": "rescript-lang/rescript-compiler#d519570a28e9d524dc606a0ccc630acfe6b45ed8"
   },
   "peerDependencies": {
-    "react": ">=16.8.1",
-    "react-dom": ">=16.8.1"
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
   },
   "jest": {
     "moduleDirectories": [