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
0
7.2k

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

Featured

See All Featured
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
29
930
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
299
50k
Building an army of robots
Avatar for Kyle Neath kneath
305
45k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
280
13k
BBQ
Avatar for Matthew Crist matthewcrist
88
9.6k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
177
9.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.6k
Fontdeck: Realign not Redesign
Avatar for Paul Robert Lloyd paulrobertlloyd
84
5.5k
Done Done
Avatar for chrislema chrislema
184
16k

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 • immutable@4.0.0-rc.2 • flow-bin@0.49.1