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

"React + Reduxを使った大規模商用サービスの開発" Naohiro Yoshida
1
写真屋? @moomooya

iPhone chrome の画面スワイプでの進む/戻るで画面がちらつくのはどうにもならん #nodefest #nodefestB

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

iPhone画面スワイプ問題。 画面のスクロールでの戻るでちらつく。ブラウザバックだと発生しないが、気になる人は気になる。うちはUXにこだわりが強い人がいたのでがんばって対応した。Chromeはどうにもならん。 #nodefest #nodefestB

2016-11-13 15:21:48
qsona @qsona

スワイプで戻ろうとすると、一瞬元の画面に戻ってしまう。仕組みを考えればそれはそうだ・・SPAと覚悟という言葉を思い出した #nodefest #nodefestB

2016-11-13 15:22:17
しばたこ @uryyyyyyy

SSR(とそれに伴うUniversal化)とか戻るボタンといった、WebでのSPA特有の辛みが詰まっている #nodefestB

2016-11-13 15:22:17
やぬすさん / TAKAGI Kensuke @janus_wel

transition 時のデータを気にかけようというのは慣れの問題なのではという気も #nodefest #nodefestB

2016-11-13 15:22:29
𝘼𝙈𝘼𝙂𝙄 @amagitakayosi

心のこもった bundle.js ってかんじだ #nodefestB

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

webpackでjsを1つにするんじゃなくて更新頻度に応じて分割したい #nodefest #nodefestB

2016-11-13 15:23:39
にゃもげら @nyamogera

JavaScriptを全てまとめてしまうとファイルが重いので、それぞれ必要なものごとにまとめてる。webpack.jsonp, app1.js,app2.js ..., appcomon.js, 3rdpartyのjs #nodefest #nodefestB

2016-11-13 15:24:05
写真屋? @moomooya

(リクエストレスポンスのオーバーヘッドが増えることに比べてもキャッシュ使ったほうが早いってことなのかな……) #nodefest #nodefestB

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

react-routerのrequireEnsure の仕組み、さっきのES Modulesのパース時に静的に決まるやつと反するのでは。。#nodefestB

2016-11-13 15:24:58
ヨーシャ(Iosif Takakura)💙💛 @huideyeren

JS分けるのか……そうすることで読み込み頻度に応じた更新ができるのか。 #nodefestB

2016-11-13 15:25:07
𝘼𝙈𝘼𝙂𝙄 @amagitakayosi

WebpackってStealJSみたいに画面ごとにバンドルする仕組みあるのかな stealjs.com #nodefestB

2016-11-13 15:25:51
写真屋? @moomooya

利用頻度の高い(再利用されやすい)スクリプトは<script>に書いて、画面によって使うものはgetComponentすると良い #nodefest #nodefestB

2016-11-13 15:26:04
にゃもげら @nyamogera

エラーが発生したときに、画面遷移せずに停止することの対策として、requre-ensure-error-handlerを使ってエラーハンドリング。 #nodefest #nodefestB

2016-11-13 15:27:06
しばたこ @uryyyyyyy

webpackでページ毎にスクリプト分割するやつ、state切り離せてライフサイクルも分かれて良いけどSPAっぽくはなくなる。 #nodefestB

2016-11-13 15:27:24
写真屋? @moomooya

3rd partyの分割 commonsChankPlugの定義を忘れるな #nodefest #nodefestB

2016-11-13 15:27:36
𝘼𝙈𝘼𝙂𝙄 @amagitakayosi

OccrenceOrderPluginはWebpack2でデフォルトになるやつか #nodefestB

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

「webpackのコンパイル時の動きを調べてみると……」結局こうなりがちなんだよなあ #nodefest #nodefestB

2016-11-13 15:29:19
sho otani @ozu_syo

React + Redux というか WebPack と React-router の話だなぁ…… #nodefestB #nodefest

2016-11-13 15:30:21
mctk - マクトク @mactkg

さっきのハイドレーションと同じか #nodefestB

2016-11-13 15:31:11
やぬすさん / TAKAGI Kensuke @janus_wel

client side rendering と SSR の結果が違うの、 SSR のうまみがないのでは… #nodefest #nodefestB

2016-11-13 15:32:04