Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Immutable.js with Flowtype

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

Immutable.js with Flowtype

Avatar for Takumi Ohashi

Takumi Ohashi

July 14, 2017

More Decks by Takumi Ohashi

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

Featured

See All Featured
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
450
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
740
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
170
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
620
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
23k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
850
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
310
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3.5k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k

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]