Merge pull request #49 from mattdamon108/jsx

Update new jsx transform apis, bind to Jsx in compiler

Author: cristianoc

.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

.gitignore

@@ -9,11 +9,10 @@ finalOutput/*.js
 /docs/
 *.log
 .bsb.lock
-/src/**/*.js
 _esy
 _build
 *.install
-*.bs.js
+src/legacy/*.bs.js
 
 # Editor
 /.idea/

Changes.md

@@ -2,7 +2,21 @@
 
 ## master
 
-- Rewrite the `RescriptReactErrorBoundary` component implementation with `@react.component`, so it can be compatible with the changes of JSX PPX.
+## 0.11.0-rc.1
+
+- `RescriptReactErrorBoundary` component now implemented using `@react.component`, so it is compatible with JSX V4.
+
+- `ReactV3` module added for backward compatibility to JSX V3. See [the V3 compatibility mode](https://github.com/rescript-lang/syntax/blob/master/cli/JSXV4.md)
+
+**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,6 +12,12 @@
 
 ### Installation
 
+#### React-JSX transformation V4
+
+- [Documentation](https://github.com/rescript-lang/syntax/blob/master/cli/JSXV4.md)
+
+The ReScript compiler V10.1+ is required.
+
 ```
 npm install @rescript/react --save
 ```
@@ -20,20 +26,31 @@ In your `bsconfig.json`:
 
 ```
 {
-  "reason": { "react-jsx": 3 },
+  "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"`.
+
+If you want to try build your project with JSX v3, see [the V3 compatibility mode](https://github.com/rescript-lang/syntax/blob/master/cli/JSXV4.md)
+
 **Quick Links:**
 
 - [Introduction](https://rescript-lang.org/docs/react/latest/introduction)
 
 ### 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,12 +1,12 @@
 {
   "name": "@rescript/react",
-  "reason": { "react-jsx": 3 },
-  "sources": [
-    {"dir": "src", "subdirs": true},
-    { "dir": "test", "type": "dev" }
-  ],
+  "jsx": {
+    "version": 4,
+    "mode": "classic"
+  },
+  "sources": [{ "dir": "src", "subdirs": true }],
   "package-specs": [{ "module": "commonjs", "in-source": true }],
   "suffix": ".bs.js",
-  "bs-dev-dependencies": ["reason-test-framework"],
+  "bs-dev-dependencies": [],
   "bsc-flags": []
 }