電脳羊(Android Dream)

アクセスカウンタ

zoom RSS Facebook公式のCreate React App

<<   作成日時 : 2017/04/28 22:37   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

会社の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件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
Facebook公式のCreate React App 電脳羊(Android Dream)/BIGLOBEウェブリブログ
文字サイズ:       閉じる