mirror of
https://github.com/zebrajr/react.git
synced 2025-12-06 00:20:04 +01:00
da6ba53b10
In React 19 React will finally stop publishing UMD builds. This is motivated primarily by the lack of use of UMD format and the added complexity of maintaining build infra for these releases. Additionally with ESM becoming more prevalent in browsers and services like esm.sh which can host React as an ESM module there are other options for doing script tag based react loading. This PR removes all the UMD build configs and forks. There are some fixtures that still have references to UMD builds however many of them already do not work (for instance they are using legacy features like ReactDOM.render) and rather than block the removal on these fixtures being brought up to date we'll just move forward and fix or removes fixtures as necessary in the future.
57 lines
1.7 KiB
HTML
57 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Component Stacks</title>
|
|
<style>
|
|
html, body {
|
|
margin: 20px;
|
|
}
|
|
pre {
|
|
background: #eee;
|
|
border: 1px solid #ccc;
|
|
padding: 2px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<p>
|
|
To install React, follow the instructions on
|
|
<a href="https://github.com/facebook/react/">GitHub</a>.
|
|
</p>
|
|
<p>
|
|
If you can see this, React is <strong>not</strong> working right.
|
|
If you checked out the source from GitHub make sure to run <code>npm run build</code>.
|
|
</p>
|
|
</div>
|
|
<script type="module">
|
|
import React from 'https://esm.sh/react@canary/?dev';
|
|
import ReactDOMClient from 'https://esm.sh/react-dom@canary/client?dev';
|
|
|
|
window.React = React;
|
|
window.ReactDOMClient = ReactDOMClient;
|
|
|
|
import("./Example.js").then(({ default: Example }) => {
|
|
console.log("Example", Example)
|
|
const container = document.getElementById("container");
|
|
const root = ReactDOMClient.createRoot(container);
|
|
root.render(React.createElement(Example));
|
|
});
|
|
</script>
|
|
<h3>The above stack should look something like this:</h3>
|
|
<pre>
|
|
at Lazy
|
|
at Component (/stacks/Component.js:7:1)
|
|
at div
|
|
at Suspense
|
|
at BabelClassWithFields (/stacks/BabelClasses-compiled.js:31:31)
|
|
at BabelClass (/stacks/BabelClass-compiled.js:13:29)
|
|
at FrozenClass (/stacks/Components.js:22:1)
|
|
at NativeClass (/stacks/Component.js:16:1)
|
|
at Custom Name (/stacks/Component.js:11:1)
|
|
at ErrorBoundary (/stacks/Example.js:5:1)
|
|
at Example (/stacks/Example.js:32:1)</pre>
|
|
</body>
|
|
</html>
|