CodeSandbox を使う利点

すぐに React 開発を始めることができる

CodeSandbox は ブラウザ上で動作する IDE (綜合開発環境) で、React App の開発開始に必要なものを、全て提供してくれます。

これを使用すること素早く React 開発を始めることができます

通常であれば次のようなものが必要になります。

これらのツールの設定は、慣れていない人にとってはかなり高度なもので、人によっては React App の開発前につまずく可能性があるのではないかと思います。そのようなハードルを取り除くことが CodeSandbox を使用する目的です

• Node.js のインストール
• npm によるパッケージのインストール
• Webpack / Browserify 等の モジュールバンドラー
• Babel による ES2015+ / JSX 等の JavaScript へのトランスコンパイル
• 等々...

なお、CodeSandbox を使用しないローカル開発環境の構築も、本講義中盤で行います。(create-react-app を使用)

すぐに人に見せることができる

CodeSandbox で作ったアプリは、リンクを送れば他人とすぐ共有できます。やはり作ったものは見てもらいたいものです。

開発から共有までの速度が早く、気軽にできる利点がります。

なお、zeit と now というサービスを使って、速攻で本番環境に公開する方法も紹介します。