2016年夏、ナウい、クライアントJSエコシステム

JS react

クライアントJSのエコシステム

react + flux + react-router + material-ui + axios + ES6 + 
babel + webpack + ESLint + Airbnb JavaScript Style Guide

Flux Utils

facebook社内でreactjsを運用する中で見えてきたベストプラクティスをライブラリ化したもの。

Flux | Application Architecture for Building User Interfaces

Hot Reloading

開発中のファイル変更を検知して、よしなにリロードしてくれるあれ。react-hot-loaderがアツそう。

webpack, React Hot Loader + Browsersync でクロスブラウジング+ホットリロード開発 - TOEIC940点の文系大学生プログラマによるブログ

Asynchronous ReactJS Component loading

なんでもbundle.js一本化すると、巨大なアプリの場合初期ロードで10MBとか引っ張ってくることになるのでユーザ激おこだよね、という話。どう対応するのが良いか。

Code Splitting for React Router with ES6 Imports - Modus Create

Implicit Code Splitting and Chunk Loading with React Router and Webpack | Henley Edition