Immutable.js with Flowtype

Transcript

1. Immutable.js
   with
   Flowtype
   @_tohashi
   

   View Slide

2. ୭
   • Takumi Ohashi
   • twitter: @_tohashi
   • GitHub: @tohashi
   • ϑϦʔʢגʣͷΤϯδχΞ
   

   View Slide

3. ίϯϙʔωϯτࢦ޲ʢReactʣ

   ୯Ұํ޲ͷσʔλϑϩʔʢFluxʣ
   ܕγεςϜʢFlowtypeʣ
   

   View Slide

4. Λܦͨਓ͕ؒ

   ࣍ʹٻΊ͕ͪͳ΋ͷ
   

   View Slide

5. Πϛϡʔλϒϧ
   

   View Slide

6. Immutable.js
   • Facebook੡ͷΠϛϡʔλϒϧͳΦϒδΣΫτ
   Λѻ͏ͨΊͷϥΠϒϥϦ
   • 2014೥͔Β͋Δ
   • React΍Flowtype΄Ͳ͸࿩୊ʹͳͬͯͳ͍͠࢖
   ΘΕͯͳ͍ҹ৅
   

   View Slide

7. Why Immutable.js?
   

   View Slide

8. Why Immutable.js?
   • ෭࡞༻ͷগͳ͍ΦϒδΣΫτૢ࡞
   • ΤϯςΟςΟૢ࡞ϩδοΫͷ෼཭
   • ϨϯμϦϯά཈੍ʹΑΔύϑΥʔϚϯενϡʔ
   χϯά
   

   View Slide

9. ෭࡞༻ͷগͳ͍ΦϒδΣΫτૢ
   ࡞
   

   View Slide

10. ෭࡞༻ͷগͳ͍ΦϒδΣΫτૢ
    ࡞
    

    View Slide

11. ΤϯςΟςΟૢ࡞ͷ෼཭
    

    View Slide

12. Immutable Model Class
    • ʹ
    

    View Slide

13. ΤϯςΟςΟૢ࡞ͷ෼཭
    

    View Slide

14. ෆཁͳϨϯμϦϯάͷ཈੍
    

    View Slide

15. ݒ೦
    

    View Slide

16. େن໛։ൃͳΒܕ͕΄͍͠
    

    View Slide

17. Immutable.js + Flowtype
    

    View Slide

18. it should ͍͍ײ͡ʹ
    ܕ͕͍ͭͨΠϛϡʔλϒϧͳ
    ΦϒδΣΫτΛѻ͑ͯ࠷ߴ
    

    View Slide

19. FlowtypeʹΑΔܕఆٛ
    

    View Slide

20. FlowtypeʹΑΔܕఆٛ
    

    View Slide

21. Immutable.Recordͷܕఆٛ
    

    View Slide

22. ͦΕҎલͷͱ͜ΖͰΤϥʔ
    

    View Slide

23. ܕఆٛϑΝΠϧΛௐ΂Δ
    

    View Slide

24. ผ్ΫϥεఆٛΛ༻ҙ͢Δ
    

    View Slide

25. ͦͷ্ͰܧঝલʹΩϟετ
    

    View Slide

26. ظ଴௨ΓͷΤϥʔ
    

    View Slide

27. ͳΜͱ͔
    ܕ෇͚Ͱ͖ͨ
    

    View Slide

28. ͔ʹࢥ͕͑ͨ
    

    View Slide

29. View Slide

30. Immutable.jsͷܕఆٛ
    • ίϝϯτΞ΢τ෦෼ͷΑ͏ͳهड़͸ݱঢ়Ͱ͖ͳ͍
    

    View Slide

31. View Slide

32. Immutable.js + Flowtype
    

    View Slide

33. it should ͍͍ײ͡ʹ
    ܕ͕͍ͭͨΠϛϡʔλϒϧͳ
    ΦϒδΣΫτΛѻ͑ͯ࠷ߴ
    

    View Slide

34. - ͍͍ײ͡
    + ͭΒ͍
    - ࠷ߴ
    + ยखམͪ
    2 failure
    

    View Slide

35. ஌ݟ
    • Immutable.Record + Flowtype ͸ͭΒ͍
    • ൥ࡶͳهड़ͷ຤ʹܕ҆શͰͳ͍
    • IssueݟΔͱօಉ༷ͷ໰୊Λ๊͍͑ͯΔ
    • ͍͔ͭ͘ͷ໰୊͸ղܾͷஹ͠
    • ಉࣾ͡ͷOSSͳΒେৎ෉ͩΖ͏Έ͍ͨͳࡶͳߟ͑͸Α͘
    ͳ͍
    

    View Slide

36. ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide

37. versions
    • immutable@4.0.0-rc.2
    • flow-bin@0.49.1
    

    View Slide