feat: runtime plugin to mount multi react version app (#3818)

* feat: runtime plugin to mound multi react version app

* feat: runtime plugin to mound multi react version app

* update factory

* update factory

* sync with m

* sync main

* fix tests

* improve doc

* improve doc

* improve doc

* locks

* add tests

---------

Co-authored-by: ScriptedAlchemy <zackaryjackson@bytedance.com>

.cursorignore

@@ -0,0 +1 @@
+**/dist/**

different-react-versions-16-17-typescript/README.md

@@ -1,3 +1,6 @@
+> For an example implementation of using different React versions together with Module Federation, check out the runtime plugin folder [runtime-plugins/multiple-react-versions](https://github.com/module-federation/module-federation-examples/tree/master/runtime-plugins/multiple-react-versions).
+
+
 # Mixed React Versions and Compatibility levels
 
 This example demos the ability to load two separate versions of react.

different-react-versions-16-17/README.md

@@ -1,19 +1,4 @@
-# Mixed React Versions and Compatibility levels
+# Example has moved
 
-This example demos the ability to load two separate versions of react.
+For an example implementation of using different React versions together with Module Federation, check out the runtime plugin folder [runtime-plugins/multiple-react-versions](https://github.com/module-federation/module-federation-examples/tree/master/runtime-plugins/multiple-react-versions). 
 
-Module Federation allows us to create an adapter which attaches a hooks-friendly version to render a section of thr app using modern versions.
-
-- `app1` uses and older version of react, not compatible with react Hooks
-- `app2` uses a modern react version and its components are hooks based
-
-The adapter consumes both versions of react to "translate" the props into a fresh render. This could be presented as a HOC or federated components could have a legacy export containing the adapter build in.
-
-# Running Demo
-
-Run `pnpm run start`. This will build and serve both `app1` and `app2` on ports 3001 and 3002 respectively.
-
-- [localhost:3001](http://localhost:3001/) (HOST)
-- [localhost:3002](http://localhost:3002/) (STANDALONE REMOTE)
-
-<img src="https://ssl.google-analytics.com/collect?v=1&t=event&ec=email&ea=open&t=event&tid=UA-120967034-1&z=1589682154&cid=ae045149-9d17-0367-bbb0-11c41d92b411&dt=ModuleFederationExamples&dp=/email/DifferentReactVersions">

different-react-versions-16-18/README.md

@@ -1,3 +1,5 @@
+> For an example implementation of using different React versions together with Module Federation, check out the runtime plugin folder [runtime-plugins/multiple-react-versions](https://github.com/module-federation/module-federation-examples/tree/master/runtime-plugins/multiple-react-versions).
+
 # Mixed React Versions and Compatibility levels
 
 This example demos the ability to load two separate versions of react.

different-react-versions-isolated/README.md

@@ -1,3 +1,5 @@
+> For an example implementation of using different React versions together with Module Federation, check out the runtime plugin folder [runtime-plugins/multiple-react-versions](https://github.com/module-federation/module-federation-examples/tree/master/runtime-plugins/multiple-react-versions).
+
 # Different React Versions in Isolation
 
 This example demos host and remote applications running in isolation with two different React versions and no shared libraries

different-react-versions-typescript/README.md

@@ -1,3 +1,5 @@
+> For an example implementation of using different React versions together with Module Federation, check out the runtime plugin folder [runtime-plugins/multiple-react-versions](https://github.com/module-federation/module-federation-examples/tree/master/runtime-plugins/multiple-react-versions).
+
 # Mixed React Versions and Compatibility levels
 
 This example demos the ability to load two separate versions of react (v16.6.3 and v18.2.0).

different-react-versions/README.md

@@ -1,3 +1,7 @@
+> For an example implementation of using different React versions together with Module Federation, check out the runtime plugin folder [runtime-plugins/multiple-react-versions](https://github.com/module-federation/module-federation-examples/tree/master/runtime-plugins/multiple-react-versions).
+
+
+
 # Mixed React Versions and Compatibility levels
 
 This example demos the ability to load two separate versions of react (v16.6.3 and v16.13.1).