【React勉強会】ランサーズ × Sansan × ビットジャーニー × キュア・アップ

1. > React/Redux @ Eight
2016.9.5

3. http://8card.net/p/shuhei-
aoyama
青山 修平 @Sansan

4. 入社当時・・・

6. containers/xxx.js
components/yyy.js
1k lines...
1k lines...
1k lines...
reducers/zzz.js

7. • スタイルガイド
• Normalize
• モデル化

8. スタイルガイド

10. 〜
〜
.eslintrc

11. React Styleguidist

13. • コードスタイルの統一
• 共通コンポーネント化
• ステートレスなコンポーネント
スタイルガイドの効能

14. Normalize
by normalizr

17. Actions
components/todo_list.js
actions/todos.js

18. Reducers
reducers/todos.js
components/todo_list.js

19. Update ?

20. Schema
Normalize

21. Model
Normalize

22. components/todo_list.js

23. •Storeの中身の整理
•コンポーネントの責務と
Storeの責務
Normalizeの効能

24. モデル化

25. after
before
models/todo.js

26. PropTypes
components/todo.js

27. モデル化の効能
•PropTypes型の定義
•モデルとしての処理

28. • スタイルガイド
• Normalize
• モデル化

29. WE’RE HIRING!.

30. Sansan 神山ラボ

32. $ git clone https://github.com/MtBlue81/react-redux-sample
$ npm install
$ npm run build
$ open index.html
参考：
https://facebook.github.io/immutable-js/
https://github.com/paularmstrong/normalizr