スポンサーリンク

Windows8.1でredux+react.jsを試してみる(1)

以下の本を写経してみる。

(環境)
Windows8.1
image
C:/js/simple-todo-app/ フォルダ下に作成

(1)visual codeを開き、

npm init
(ひたすら、Enterを押す)

npm install –save  express

image

image

app.js の作成

image

node app.js

image

ブラウザで、 http://localhost:3000/

image

(2)Babelのインストール

npm install –save-dev babel-cli

image

npm install –save-dev babel-preset-es2015

image

.babelrc を作成

image

test.js を作成

image

node_modules\.bin\babel test.js -o test_compiled.js

image

test_compiled.js が作成され、以下のようになっていた。

image

(3)Browserify のインストール

npm install –save-dev browserify

image

first.js

image

second.js

image

node_modules\.bin\browserify first.js -o bundle.js

image

bundle.js というファイルが作成される。

test.html の作成

image

ブラウザで、 test.html を開く。

image

image

(4)Babelifyのインストール

npm install –save-dev babelify

image

 

なんか、だんだん、つまらなくなってきた。

とりあえずここまで。まだReduxにたどりつかないよ!

っていうかRailsもそうだったけど、環境構築が難しすぎ!スタート地点に立てません!

 

しかし、こんなのもあるらしい。

公式ツールを利用して簡単にReactの開発環境を構築する
cacarrotが2016/09/23に投稿
http://qiita.com/cacarrot/items/8c653128d18883a208be

 

2016-05-19
Heroku:React×Reduxのサンプルコードの動かし方
(ReduxのHerokuへのデプロイ)
http://tyoshikawa1106.hatenablog.com/entry/2016/05/19/230709

 

 

 

main.js

image

submodule

スポンサーリンク