React + Reduxを使った大規模商用サービスの開発 #nodefest #nodefestB

"React + Reduxを使った大規模商用サービスの開発" Naohiro Yoshida
1
ヨーシャ(Iosif Takakura)💙💛 @huideyeren

サーバサイドレンダリングが遅くなるケースあるのね。 #nodefestB #nodefest

2016-11-13 15:32:26
実装レビューマージ @keik_117

ターンアラウンド的には renderToString しないほうが早い、なるほど確かに #nodefest #nodefestB

2016-11-13 15:32:50
azu @azu_re

サーバサイドの`renderToString`で数百msかかる #nodefest #nodefestB

2016-11-13 15:33:02
写真屋? @moomooya

SSRはイベントループ止まるのでリクエストが多くなると性能シビアになる #nodefest #nodefestB

2016-11-13 15:33:07
わとぽ@分割育休取得してみたマン @ikasumi_wt

React with Reduxはあまり問題なく本番サービスでも導入できそうな気が(発表聞いていると)するけど、さらにそれ+SSRとかmodule分割したり(+周辺エコシステムで)いろいろ問題が起きてハマった+乗り越えた感じの話。 #nodefestB #nodefest

2016-11-13 15:33:16
写真屋? @moomooya

partial rendering 画面表示時に見える部分までSSRして、残りはクライアントサイトでレンダリングすることで処理を軽くする #nodefest #nodefestB

2016-11-13 15:34:02
写真屋? @moomooya

5倍くらい早くなった!とのこと #nodefest #nodefestB

2016-11-13 15:35:05
ひかる @hico00

Lazy Load ではなく Lazy Render をつかってる #nodefest #nodefestB

2016-11-13 15:35:12
写真屋? @moomooya

Fetch as GoogleでSEO的に大丈夫か確かめる #nodefest #nodefestB

2016-11-13 15:35:32
わとぽ@分割育休取得してみたマン @ikasumi_wt

本番向けのチューニング+SEO対策+UI/UX系とか、本番デプロイ時のネックとかの話とかが多くて、サービスで導入するとなると絶対通る道になるのでこのへんのgood/bad ノウハウは大変参考になる。 #nodefestB #nodefest

2016-11-13 15:35:42
しばたこ @uryyyyyyy

GoogleのクローラのためだけにSPAをチューニングするの、仕方ないんだけど本質的じゃないよなーとか #nodefestB

2016-11-13 15:36:58
写真屋? @moomooya

SSRでキャッシュ使うときはユーザ機微情報を省く必要がある。Partial Renderingの仕組みが流用できる #nodefest #nodefestB

2016-11-13 15:37:10
azu @azu_re

サーバサイドレンダリングはターンアラウンドタイム的にやらない方がよいが、やるなら色々頑張らないといけない。 #nodefest #nodefestB

2016-11-13 15:40:15