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

Immutable.js with Flowtype

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Takumi Ohashi Takumi Ohashi
July 14, 2017
0
7.4k

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.9k
How to control loading state in React
Avatar for Takumi Ohashi tohashi
2
230
フロントエンドのモダン化とJavaScriptモジュールの
依存解決
Avatar for Takumi Ohashi tohashi
8
3.1k

Featured

See All Featured
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
440
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.2k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
77
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
64
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
180
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k

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]