CodePenでReactを使った最小のアプリケーションを作る - Crieit

CodePenを使うとブラウザで直接JavaScriptのコードを書いてアプリケーションを動かすことが出来ます。サーバーも不要ですし、ちょっとしたアプリケーションであればこれだけでも簡単に作成＆公開が可能です。 CodePenのトップページにCREATEメニューがあります。そちらでPenをクリックして新規作成します。 するとPenの設定画面が開きます。ここのJSメニューで、JavaScriptのライブラリなどのCDNを追加することが出来ます。ここで検索も出来ますが、Reactをとりあえず動かすには公式に説明があるように、下記の２つのURLを登録する必要があります（現時点のバージョンですので適宜更新してください）。 https://unpkg.com/react@16/umd/react.development.js https://unpkg.com/react-dom@16/umd/re

[hujuu]

“const IncrementButton = () => { const [count, setCount] = React.useState(0) return ( <div> <div>{count}</div> <button onClick={() => setCount(count + 1)}>+</button> </div> ) } ReactDOM.render(<IncrementButton />, document.querySelector('#app'))”