Facebook公式のCreate React App

会社のWebアプリケーションはReactで画面周りを作ってます。

簡単なサンプルは書いて勉強中です。
面倒なのは、環境を作ること。
他のプロジェクトあるいはネットから持ってきても良いのですが、余分だったり足りなかったり
Facbook公式のツールを使うと簡単に環境ができます

インストール
$ npm install -g create-react-app

作成
$ create-react-app ディレクトリ名
Success! Created ディレクトリ名 at /Users/pakuqi/workspace/redux-react-simple
Inside that directory, you can run several commands:

npm start
Starts the development server.

npm run build
Bundles the app into static files for production.

npm test
Starts the test runner.

npm run eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

cd ディレクトリ名
npm start

Happy hacking!
と表示されます。

$ cd ディレクトリ名
$ npm start

自動でブラウザを開いてhttp://localhost:3000/
にアクセスします。
以下の画面が表示されるはずです。

画像




Reactビギナーズガイド ―コンポーネントベースのフロントエンド開発入門
オライリージャパン
Stoyan Stefanov

amazon.co.jpで買う
Amazonアソシエイト by Reactビギナーズガイド ―コンポーネントベースのフロントエンド開発入門 の詳しい情報を見る / ウェブリブログ商品ポータル





WebデベロッパーのためのReact開発入門 JavaScript UIライブラリの基本と活用
インプレス
2016-11-25
柴田 文彦

amazon.co.jpで買う
Amazonアソシエイト by WebデベロッパーのためのReact開発入門 JavaScript UIライブラリの基本と活用 の詳しい情報を見る / ウェブリブログ商品ポータル




入門 React ―コンポーネントベースのWebフロントエンド開発
オライリージャパン
Frankie Bagnardi

amazon.co.jpで買う
Amazonアソシエイト by 入門 React ―コンポーネントベースのWebフロントエンド開発 の詳しい情報を見る / ウェブリブログ商品ポータル






Learning React: Functional Web Development With React and Redux
Oreilly & Associates Inc
Alex Banks

ユーザレビュー:

amazon.co.jpで買う
Amazonアソシエイト by Learning React: Functional Web Development With React and Redux の詳しい情報を見る / ウェブリブログ商品ポータル

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

この記事へのトラックバック