11points_learned_being_react_contractor.md

original article

11 lessons learned as a React contractor

React 開発を通して学んだ11の頃

シンプルなコンポーネントをたくさん持つ方が、カスタマイズがたくさんできる一つのコンポーネントを持つより良い

コンポーネントにバグがあった場合は、分割するとコピペになったとしてもうまくいきやすい

バグを見つけたらライブラリに Pull Request を出そう

ドキュメントのタイポでもいいから、貢献しよう

まずビルドプロセスを導入してから React を導入する

既存のプロジェクトに React を導入する場合、まずは Webpack か Browserify の導入から

シンプルなヴィジュアライゼーションは D3 よりも、生の　SVG を使った方が楽な場合が多い

##　時間がなかったらリーンに行こう ボイラープレートも良いが、 UI が必要なだけなら、まずは React & React-DOM だけで大丈夫

CSS アニメーションだけでたくさんの要素を動かすと遅くなるよ

スペックの低いマシンで動かしたり、膨大なデータを投入にしてみたりしよう

ボイラープレートは始めるのには良いが・・・

素早く始めるためのものと割り切って利用して、壊したり自分なりに変更したりすることを恐れないようにしよう

コンテナーパターンを活用して、予測可能なコンポーネント、コネクテッドコンポーネントを維持しよう

• コンポーネント: props にしかアクセスしない
• コネクテッドコンポーネント: Redux などにアクセスできるが、自身とサブコンポーネントだけをレンダリングする
• コンテナー: データを取得して、他のコンポーネントをレンダリングするだけのコンポーザー

名前と構成に一貫性を持って維持する

厳格な Lint は重要

きちんとリントしよう。 Git の pre-push などの機能も活用できる

React を既存の Express プロジェクトに組み込むのは可能だが、白髪が増えるよ

ReactDOMServer を使いましょう

Sagas を学ぶと脳が溶ける

もし、あなたが Sagas を使うのが初めてで、他に使ったことがある人がいないなら、最初に Promise と　Generator について深く学ぶこと