chevron_left

React.js実践入門
PREMIUM
第3回

React.js実践入門 -Flux 後半-

2017年1月28日 60min
React.js実践入門 -Flux 後半- play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 59

授業の概要

第3回は、引き続き「Flux」について学習していきます。

今回はFluxから派生したフレームワーク「Redux」について解説します。Reduxは、実サービスで利用している事例が多く、React.jsと組み合わせて利用するフレームワークの中で最も人気があるフレームワークと言っても過言ではありません。

また、Fluxフレームワーク以外の選択肢についても、解説します。

こんな人にオススメ

React.jsで規模が大きいアプリケーションを作りたい人

担当の先生／パーソナリティ

授業で使用する教材

※授業以外での使用は禁止します

チャプター

play_arrow
自己紹介
00:27
play_arrow
環境について
00:39
play_arrow
もくじ
00:46
play_arrow
Redux
00:32
play_arrow
Reduxの特徴
00:56
play_arrow
Fluxとの違い
01:32
play_arrow
サンプルその１・２
05:02
play_arrow
createStore関数
00:43
play_arrow
store
00:35
play_arrow
Reducer
00:17
play_arrow
複数のReduerを使う
00:14
play_arrow
サンプルその３
06:24
play_arrow
react-redux
00:42
play_arrow
サンプル４
05:47
play_arrow
Provider
00:25
play_arrow
connect
04:27
play_arrow
Redux Middleware
01:34
play_arrow
Middlewareの活用が不可欠
01:57
play_arrow
redux-thunk
01:50
play_arrow
サンプル５
06:27
play_arrow
redux-promise
00:45
play_arrow
サンプル６
04:53
play_arrow
Redux Dev Tools
01:03
play_arrow
Redux Dev Toolsの有効化
00:27
play_arrow
サンプル７
02:15
play_arrow
その他の役立つパッケージ
00:04
play_arrow
redux-actions
00:09
play_arrow
redux-actionsのcreateAction関数
00:47
play_arrow
redux-actionsのcreateActions関数
00:16
play_arrow
redux-actionsのhandleActions関数
00:22
play_arrow
redux-actionsのhandleAction関数
00:42
play_arrow
まとめ
02:07
play_arrow
Q.初心者ですけどReducerとは端的に言うとどういう機能ですか？
01:14
play_arrow
Q.これからの流れ的にjQueryからreactにスキルを習得しなくちゃならないと思うのですけどreactがデファクトスタンダードになるまでにどの位猶予がある感じでしょうか？
01:44
play_arrow
Q.reactの前にやるのであれば、生のJSをES6、jqueryどちらが良いと思いますか？ JSは仮にライブラリができたとしても、うまくいかない時に結局そのメソッドがどうなっているか、 JSで確認しないといけなくなるので、jqueryと違って絶対に必要な知識と聞きます。 JSを書けるようにしておくことが、絶対に必要な経験として良いですかね。 ES6になってjqueryがいらないとも聴きます。