CDNオンリーでReactを動かしてみた

これだけで良かった。

<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

<div id="root"></div>
<script type="text/babel">
        let dom = document.querySelector("#root");
        const { useEffect } = React;
        const App = () => {
            useEffect(() => {
                    console.log("Processed useEffect");
                })
            return(
                <div>
                    <p> CDN only で Reactが使えるか確認中 </p>
                </div>
            );
        }
        ReactDOM.render(<App />, dom);
</script>

参考にしたリンク

• cdnjs : react
• cdnjs : react-dom
• Reactの基礎【JSX編】
• React公式 : CDNリンク