Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
Done Done
Avatar for chrislema chrislema
186
16k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k

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]