おためし受講中

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

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

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

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

学生代表

  • 江川 みどり

    江川 みどり

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    授業の概要
    自己紹介
    00:27  (01:13 ~ )
    環境について
    00:39  (01:40 ~ )
    もくじ
    00:46  (02:19 ~ )
    Redux
    00:32  (03:05 ~ )
    Reduxの特徴
    00:56  (03:37 ~ )
    Fluxとの違い
    01:32  (04:33 ~ )
    サンプルその1・2
    05:02  (06:05 ~ )
    createStore関数
    00:43  (11:07 ~ )
    store
    00:35  (11:50 ~ )
    Reducer
    00:17  (12:25 ~ )
    複数のReduerを使う
    00:14  (12:42 ~ )
    サンプルその3
    06:24  (12:56 ~ )
    react-redux
    00:42  (19:20 ~ )
    サンプル4
    05:47  (20:02 ~ )
    Provider
    00:25  (25:49 ~ )
    connect
    04:27  (26:14 ~ )
    Redux Middleware
    01:34  (30:41 ~ )
    Middlewareの活用が不可欠
    01:57  (32:15 ~ )
    redux-thunk
    01:50  (34:12 ~ )
    サンプル5
    06:27  (36:02 ~ )
    redux-promise
    00:45  (42:29 ~ )
    サンプル6
    04:53  (43:14 ~ )
    Redux Dev Tools
    01:03  (48:07 ~ )
    Redux Dev Toolsの有効化
    00:27  (49:10 ~ )
    サンプル7
    02:15  (49:37 ~ )
    その他の役立つパッケージ
    00:04  (51:52 ~ )
    redux-actions
    00:09  (51:56 ~ )
    redux-actionsのcreateAction関数
    00:47  (52:05 ~ )
    redux-actionsのcreateActions関数
    00:16  (52:52 ~ )
    redux-actionsのhandleActions関数
    00:22  (53:08 ~ )
    redux-actionsのhandleAction関数
    00:42  (53:30 ~ )
    まとめ
    02:07  (54:12 ~ )
    質疑応答
    Q.初心者ですけどReducerとは端的に言うとどういう機能ですか?
    01:14  (56:37 ~ )
    Q.これからの流れ的にjQueryからreactにスキルを習得しなくちゃならないと思うのですけどreactがデファクトスタンダードになるまでにどの位猶予がある感じでしょうか?
    01:44  (57:51 ~ )
    Q.reactの前にやるのであれば、生のJSをES6、jqueryどちらが良いと思いますか? JSは仮にライブラリができたとしても、うまくいかない時に結局そのメソッドがどうなっているか、 JSで確認しないといけなくなるので、jqueryと違って絶対に必要な知識と聞きます。 JSを書けるようにしておくことが、絶対に必要な経験として良いですかね。 ES6になってjqueryがいらないとも聴きます。
      (59:35 ~ )