PREMIUM
第5回
React.js実践入門 -よりよいアプリケーションを目指そう-
2017年1月28日 60min
スライド資料
授業の概要
こんな人にオススメ
作ったアプリケーションをよりよく改善したい人
担当の先生／パーソナリティ
チャプター
-
自己紹介
00:20 -
環境について
00:35 -
もくじ
00:37 -
サーバサイド レンダリング
00:09 -
SPAの課題
02:16 -
サーバサイドレンダリングとは
00:48 -
React.jsのSSR
01:29 -
ブラウザ上で 全く同じDOM構造でReact.renderを実行
00:41 -
サンプル その１
06:36 -
react-routerやreduxを 使っている場合
00:30 -
サーバからブラウザへの データの引き継ぎ方
01:51 -
サンプル その2
06:59 -
SSRで気をつけること
00:07 -
Isomorphicにする
01:08 -
Reactのライフサイクル
00:41 -
renderToStringは遅い
01:04 -
一部だけSSRする
01:12 -
SSR結果をキャッシュする
00:22 -
サンプル3
07:44 -
shouldComponentUpdateと PureComponent
00:29 -
renderが呼ばれるタイミング
01:14 -
shouldComponentUpdate
00:36 -
React.PureComponent
05:42 -
パフォーマンスの計測
00:24 -
公式で提供されているツール
00:10 -
Perf
06:31 -
?react_perf
04:18 -
webpackの コード分割
00:07 -
webpackの課題
00:12 -
webpackのコード分割
00:38 -
サンプル4
02:11 -
まとめ
01:15
-
Q.負荷がかかるというのは、React.jsをフロントで使っている場合、ブラウザやデバイスのメモリに負荷がかかるということでしょうか。
00:48 -
Q.先ほど問い合わせフォームやショッピングカートなどのjsを使ったサーバサイドのwebアプリ制作はherokuでできるそうですが、 これはロリポなどのレンサバのように、ただhtmlやjsファイルをアップロードすれば、 それだけで、問い合わせフォームなども実装できて、AWSなどのように構築やOSなどの管理はレンサバ側に任せられるのでしょうか？
01:33 -
先生から受講生へのメッセージ
01:07 -
Q.SSRでnodejsの負荷が重いリクエストの場合はphpやrubyを使用した方がいいのでしょうか？