MisocaでReactした話

第1回 React.js 導入事例の発表資料です。
React と Reduxがつらいという話です。

Transcript

1. .JTPDBͰ3FBDUͨ͠࿩ 
   !SFOZBNJ[VOP@
2. ʊਓਓਓਓਓਓਓਓਓਓਓਓʊ
   ʼɹݸਓͷײ૝ׂ͕Ͱ͢ɹʻ
   ʉ:?:?:?:?:?:?:?:?:?:?ʉ
3. ࣗݾ঺հ גࣜձࣾ.JTPDB
   ΤϯδχΞ
   ਫ໺྿໵
   PS
   ΊΖͨΜ
   !SFOZBNJ[VOP@
   
4. .JTPDBͷϑϩϯτΤϯυ w K2VFSZ
   w 7VF
   w ͱ͔
   w 3FBDU
5. Կނ3FBDUʹʁ
6. ͸΍͔ͬͯͨΒ
7. 3FBDUͰ͍͍͜ͱ ɾԾ૝%0.
   ɾ+49
8. ࣮ࡍʹ͔͍ͭͬͯΔॴ
10. ࣮ࡍʹ͔ͭͬͯΈͯ
11. Α͔ͬͨ͜ͱ ɾ%0.Λ௚઀͞ΘΔ͜ͱ͕ ΄΅ ͳ͘ͳͬͨ
    ɾͲͷ+4͔ΒͲ͜Λ͞Θ͍ͬͯΔ͔Θ͔Δ
    ɾφ΢͍+4Λ͔͚Δ
    ɾ&4 ͡Όͳ͍ͱ·ͱ΋ʹॻ͚ͳ͍ ͱࢥ͏
    ɾίϯϙʔωϯτʹͳΔ
15. ͭΒ͔ͬͨ͜ͱ ɾґଘύοέʔδͷόʔδϣϯ
    ɾ3FEVYΘ͔ΒΜ
    ɾͲ͜·Ͱ4UBUFΛ4UPSFʹʁ
    ɾ41"͕Ή͔ͣ͗͢͠Δ
16. ґଘύοέʔδͷόʔδϣϯ
17. ɾSFBDUSPVUFS
    ɾ3FBDUͷόʔδϣϯΛ্͛Δ
    ɾ&O[ZNF͕ಈ͔ͳ͘ͳΔ
    ɾ3FBDU%0.ͱ3FBDU"EEPOT5FTU6UJMTʜ
    ɾ%BUF1JDLFSͷόʔδϣϯΛ্͛Δ
    ɾ೔ຊޠʹͳΔΑ͏ઃఆ͍͕ͯͨ͠ಈ͔ͳ͘ͳΔ
    ɾґଘύοέʔδͷNPNFOU͕ʜɻ
18. 3FEVYΘ͔ΒΜ
19. 'MVY ग़య
    IUUQTTUBMU[DPNVOJEJSFDUJPOBMVTFSJOUFSGBDFBSDIJUFDUVSFTIUNM
20. 3FEVY ग़య
    IUUQTTUBMU[DPNVOJEJSFDUJPOBMVTFSJOUFSGBDFBSDIJUFDUVSFTIUNM
21. ๻ʮͳΜͱ͔ʜཧղͨͧ͠ʜʯ
    ๻ʮ࣍͸"1*ୟ͖͍ͨͳ͊ʯ
    3FEVYʮϫΠ͸ඇಉظͷϞϊѻ͑Μͷ΍ ?? ͢· Μͳ ?? ʯ
    ζόϯʂʂʂ
    ϧϑΟʮΊΖͨʔʔʔʔΜοʂʂʂʯ
22. ɾSFEVYUIVOL
    ɾSFEVYQSPNJTF
    ɾSFEVYTBHB
    ɾSFEVYPCTFSWBCMF ඇಉظղܾॐ࢜ʁ
23. ͙Θʔ
24. Ͳ͜·Ͱ4UBUFΛ4UPSFʹʁ
25. ɾμΠΞϩά͕։͍ͯΔ
    ɾϞʔμϧ͕ͻΒ͍ͯΔ
    ɾαʔόͷԠ౴଴ͪ
    ɾΞχϝʔγϣϯத
26. 41"Ήͣ͗͢Δ
27. 'PSNͷ஋͸ઈର࣋ͭ΂͖ʁ
    ը໘ભҠͨ͠ͱ͖εΫϩʔϧҐஔͷอ࣋ʁ
    ϒϥ΢βͷཤྺ͸4UPSFʹอ࣋͢Δʁ
    
28. Θ͔Δ͔ʔʂʂʂʂ
    
    ɹ
    㱸@㱸
    
    㱬 ŋТŋ
    
    
    
    ɹɹů㱮
    
    
    ͠ʔ̟c㲁c
    ɹɹɹɹɹ
    ਓųƅŢŕ
    ɹɹɹɹɹɹʊʊ
    ɹɹɹɹɹɹʘɹʘ
    ɹɹɹɹɹɹɹʉʉ
    
29. ·ͱΊ
30. ɾK2VFSZͷ%0.ૢ࡞஍ࠈ͸ͳ͘ͳͬͨ
    ɾ$PNQPOFOUࢦ޲ʹͳΔ
    ɾఱࠃͰ͸ͳ͍
    ɾ41"͸Ή͔͍ͣ͠
31. ͓͠·͍
32. ͓·͚
33. ɾԾ૝%0.ʁ
    ɾ࠷ۙ͸3FBDUҎ֎Ͱ΋Ծ૝%0.Ͱ͸ʁ
    ɾ+49ͬͯͲ͏ͳΜʁ
    ɾ8FC
    $PNQPOFOUT ͦ΋ͦ΋3FBDUͰԿ͍ͨ͠Μ͚ͩͬʁ
34. ɾ'MPXUZQF
    ɾ+4ʹܕΛ෇͚ΕΔ
    ɾ5ZQF4DSJQU
    ɾBMU+4
    ɾ3FBTPO
    ɾ0$BNMɻ+4ͬΆ͔͚͘ΔΒ͍͠ɻɻɻ ܕ͕΄͍͠