$30 off During Our Annual Pro Sale. View Details »

Immutable.js with Flowtype

Avatar for Takumi Ohashi Takumi Ohashi
July 14, 2017
0
7.3k

Immutable.js with Flowtype

Avatar for Takumi Ohashi

Takumi Ohashi

July 14, 2017
Tweet

More Decks by Takumi Ohashi

See All by Takumi Ohashi
freee Tech Night #2 会計freee 7年目のフロントエンド開発
Avatar for Takumi Ohashi tohashi
1
8.6k
How to control loading state in React
Avatar for Takumi Ohashi tohashi
2
220
フロントエンドのモダン化とJavaScriptモジュールの
依存解決
Avatar for Takumi Ohashi tohashi
8
3.1k

Featured

See All Featured
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k

Transcript

  1. Immutable.js with Flowtype @_tohashi

  2. ୭ • Takumi Ohashi • twitter: @_tohashi • GitHub: @tohashi

    • ϑϦʔʢגʣͷΤϯδχΞ

  3. ίϯϙʔωϯτࢦ޲ʢReactʣ
 ୯Ұํ޲ͷσʔλϑϩʔʢFluxʣ ܕγεςϜʢFlowtypeʣ

  4. Λܦͨਓ͕ؒ
 ࣍ʹٻΊ͕ͪͳ΋ͷ

  5. Πϛϡʔλϒϧ

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

  7. Why Immutable.js?

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

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

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

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

  12. Immutable Model Class • ʹ

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

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

  15. ݒ೦

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

  17. Immutable.js + Flowtype

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

  19. FlowtypeʹΑΔܕఆٛ

  20. FlowtypeʹΑΔܕఆٛ

  21. Immutable.Recordͷܕఆٛ

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

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

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

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

  26. ظ଴௨ΓͷΤϥʔ

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

  28. ͔ʹࢥ͕͑ͨ

  29. None

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

  31. None

  32. Immutable.js + Flowtype

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

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

  35. ஌ݟ • Immutable.Record + Flowtype ͸ͭΒ͍ • ൥ࡶͳهड़ͷ຤ʹܕ҆શͰͳ͍ • IssueݟΔͱօಉ༷ͷ໰୊Λ๊͍͑ͯΔ

    • ͍͔ͭ͘ͷ໰୊͸ղܾͷஹ͠ • ಉࣾ͡ͷOSSͳΒେৎ෉ͩΖ͏Έ͍ͨͳࡶͳߟ͑͸Α͘ ͳ͍

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

  37. versions • [email protected] • fl[email protected]