Merge pull request #2351 from rickhanlonii/rh/react-19

Add React 19, drop experimental

.github/workflows/deploy.yml

@@ -1,17 +1,13 @@
 name: Build and Deploy
 on:
   push:
-    branches: [ main ]
+    branches: [main]
 permissions:
   contents: write
 jobs:
   deploy:
     runs-on: ubuntu-latest
     steps:
-      - uses: google/wireit@setup-github-actions-caching/v1
-      - name: Checkout
-        uses: actions/[email protected]
-
       - name: Install
         run: |
           npm ci
@@ -26,4 +22,3 @@ jobs:
           branch: gh-pages # The branch the action should deploy to.
           folder: out # The folder the action should deploy.
           clean-exclude: "preview/"
-

.github/workflows/test.yml

@@ -8,17 +8,15 @@ permissions:
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
     timeout-minutes: 15
 
     steps:
-      - uses: google/wireit@setup-github-actions-caching/v1
       - uses: actions/checkout@v4
       - name: Use Node.js 20
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: "20"
       - name: Install dependencies
         run: npm ci
       - run: npm test

README.md

@@ -24,6 +24,7 @@ npm start
 ```
 
 ## Current List of [Libraries/Frameworks](https://github.com/webcomponents/custom-elements-everywhere/tree/master/libraries)
+
 - [Angular](https://github.com/webcomponents/custom-elements-everywhere/tree/master/libraries/angular)
 - [AngularJs](https://github.com/webcomponents/custom-elements-everywhere/tree/master/libraries/angularjs)
 - [Dio](https://github.com/webcomponents/custom-elements-everywhere/tree/master/libraries/dio)
@@ -38,7 +39,7 @@ npm start
 - [Polymer](https://github.com/webcomponents/custom-elements-everywhere/tree/master/libraries/polymer)
 - [Preact](https://github.com/webcomponents/custom-elements-everywhere/tree/master/libraries/preact)
 - [React](https://github.com/webcomponents/custom-elements-everywhere/tree/master/libraries/react)
-- [React@experimental](https://github.com/webcomponents/custom-elements-everywhere/tree/master/libraries/react-experimental)
+- [React Beta](https://github.com/webcomponents/custom-elements-everywhere/tree/master/libraries/react-beta)
 - [Riot.js](https://github.com/webcomponents/custom-elements-everywhere/tree/master/libraries/riot)
 - [Skate](https://github.com/webcomponents/custom-elements-everywhere/tree/master/libraries/skate)
 - [Solid](https://github.com/webcomponents/custom-elements-everywhere/tree/master/libraries/solid)
@@ -82,6 +83,7 @@ your library's npm package name. This is used during the build process to
 grab the library's semver and publish it on the site.
 
 Example:
+
 ```
 "scripts": {
   "test": "cross-env LIBRARY_NAME=@angular/core karma start",
@@ -167,7 +169,7 @@ Licensed under the [Apache License, Version 2.0](LICENSE) (the "License");
 you may not use this file except in compliance with the License. You may
 obtain a copy of the License at
 
-  http://www.apache.org/licenses/LICENSE-2.0
+http://www.apache.org/licenses/LICENSE-2.0
 
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,

docs/index.js

@@ -34,7 +34,7 @@ const libraryMap = {
   polymer: "Polymer",
   preact: "Preact",
   react: "React",
-  'react-experimental': "React",
+  'react-beta': "React Beta",
   riot: "Riot.js",
   skate: "Skate w/ Preact",
   solid: "Solid",

libraries/react-beta/meta/issues.json

@@ -0,0 +1,3 @@
+[
+
+]

libraries/react-beta/meta/summary.md

@@ -0,0 +1,11 @@
+<h4 id="react-1beta-overview">React Beta</h4>
+
+The React 19 Beta features full support for Custom Elements.
+
+<h4 id="react-beta-handling-data">Handling data</h4>
+
+React@beta, as of April 2024, uses a runtime heuristic to determine if it should pass data to Custom Elements as either properties or attributes. If a property is already defined on the element instance, it will use properties, otherwise it will fallback to attributes.
+
+<h4 id="react-beta-handling-events">Handling events</h4>
+
+React@beta, as of April 2024, will register an event listener on any custom element when binding a function to a property whose name begins with <code>on</code>. It supports lowercase, camelCase, kebab-case, CAPScase, and PascalCase events.

libraries/react-experimental/package.json → libraries/react-beta/package.json

@@ -19,8 +19,8 @@
     "webpack": "5.89.0"
   },
   "dependencies": {
-    "react": "^0.0.0-experimental-3ddbedd05-20220719",
-    "react-dom": "^0.0.0-experimental-3ddbedd05-20220719"
+    "react": "beta",
+    "react-dom": "beta"
   },
   "wireit": {
     "test": {

package.json

@@ -44,7 +44,7 @@
         "./libraries/polymer:build",
         "./libraries/preact:build",
         "./libraries/react:build",
-        "./libraries/react-experimental:build",
+        "./libraries/react-beta:build",
         "./libraries/riot:build",
         "./libraries/skate:build",
         "./libraries/solid:build",