Reduxの細かい話 #react_fukuoka

Transcript

1. 3FEVYͷࡉ͔͍ ࿩  ۚ
   3FBDUษڧձ!෱Ԭ
   WPM
   !QJSPTJLJDL
   

2. ࣗݾ঺հ w !QJSPTJLJDL
   w ݀Ҫ
   ޺޾
   w 3FBDUೖ໳ʢᠳӭࣾʣஶऀ
   w εϚϒϥͷ࿅श͍͕ͨ͠
 εϓϥτΡʔϯ͕·ͩ๩͍͠

3. ࿩͢͜ͱ w 3FEVYͷ
   w ʮ஌͍ͬͯΔਓ͸஌͍ͬͯΔɺ஌Βͳ͍ਓ͸֮͑ͯͶʯ
   w ͱ͍͏஌ݟʹ͍ͭͯ࿩͠·͢
   w ʮࡉ͔͍ʯͱ͍͏ͱඍົͳؾ͕ͨ͠ͷͰʁ෇͚·ͨ͠
   w

   ʮେ૚ͳ࿩͡Όͳ͍ʯͱ͍͏ҙຯ߹͍͔΋͠Εͳ͍
   w Α͏͸খωλͰ͢

4. ͳΜͰʁ w 3FEVY͸͍ͩͿރΕ͍ͯΔ͕ɺ
   w ੲ͔Β΍ͬͯΔਓͱ࠷ۙ͸͡ΊͨਓͰ
 ஌ࣝͷ։͖͕େ͖͍ؾ͕͢Δ
   w ͦͷ஌ࣝͷ։͖ΛຒΊΔ΋ͷ΋͋Μ·Γͳ͍ؾ͕͢Δ
   w ͳͷͰɺ࠷࣭ۙ໰͞Εͨ͜ͱ΁ͷΞϯαʔ΍


   ͜Ε஌ͬͯͨΒศརͱ͍͏͜ͱΛ࿩͠·͢
   w ஌͍ͬͯΔਓʹͱͬͯ͸
 ʮ౰ͨΓલ͡ΌΜʯΈ͍ͨͳ࿩͔΋͠Εͳ͍͕ྃ͝ঝ͍ͩ͘͞

5. ໨࣍ w EJTQBUDIͷฦΓ஋
   w SFEVYUIVOLͷXJUI&YUSB"SHVNFOU

6. EJTQBUDIͷฦΓ஋

7. EJTQBUDIͷฦΓ஋ w EJTQBUDI͸ฦΓ஋Λฦ͍ͯ͠Δ
   w αϯϓϧίʔυ౳Ͱར༻͞Ε͍ͯΔͷΛ
 ͋·Γݟ͔͚ͳ͍͕ɻ
   w ฦΓ஋͸EJTQBUDIͨ͠"DUJPOΛॲཧͨ͠
 .JEEMFXBSFʹΑͬͯมΘΔ
   w

   .JEEMFXBSF͕ແ͍
   PS
 Ͳͷ.JEEMFXBSF΋ॲཧ͠ͳ͔ͬͨ৔߹
   w "DUJPOΛฦ͢

8. SFEVYUIVOLͷ৔߹ɿ
   EJTQBUDIͨؔ͠਺ͷ݁ՌΛฦ͢

9. Ͳ͏͍͏࣌ʹศར͔ʁ w SFEVYUIVOLͷ৔߹
   w UIVOLΞΫγϣϯͷதͰ
 ผͷUIVOLΞΫγϣϯΛEJTQBUDI͢Δ৔߹
   w ݺͼग़ͨ͠UIVOLΞΫγϣϯͷ݁ՌΛݟͯ
 ৼΔ෣͍Λม͑Δ͜ͱ͕Ͱ͖Δ

10. αϯϓϧίʔυɿ
    σʔλΛऔಘ͢ΔΞΫγϣϯ

11. αϯϓϧίʔυɿ
    6*Λදࣔ͢ΔͨΊͷΞΫγϣϯ υϝΠϯϞσϧͱ6*ͷ4UBUFɾ"DUJPOΛ
 ͖ͬͪΓ෼͚Δ͜ͱ͕Ͱ͖Δ

12. w SFEVYUIVOLҎ֎͸෼͔Βͳ͍Ͱ͢
    CPX
    w ࢖͍ͬͯΔ.JEEMFXBSFͷ
 EJTQBUDIͷฦΓ஋Λௐ΂Δͱͳʹ͔ൃݟ͕͋Δ͔΋ʂ

13. SFEVYUIVOLͷ XJUI&YUSB"SHVNFOU

14. SFEVYUIVOLͷ
    XJUI&YUSB"SHVNFOU w UIVOL.JEEMFXBSFXJUI&YUSB"SHVNFOU BSHVNFOU
    w UIVOLΞΫγϣϯͷୈҾ਺ʹ
 ೚ҙͷ஋Λ౉͢͜ͱ͕Ͱ͖Δ

15. BQQMZ.JEEMFXBSF͢Δଆͷίʔυ

16. BQQMZ.JEEMFXBSF͢Δଆͷίʔυ

17. BDUJPOଆͷίʔυ

18. BDUJPOଆͷίʔυ

19. Կ͕͏Ε͍͠ͷ͔ʁ w ςετ͕গ͠γϯϓϧʹͳΔ
    w UIVOLΞΫγϣϯͷৼΔ෣͍ͷ֦ு͕༰қʹͳΔ

20. Α͋͘ΔUIVOLΞΫγϣϯͷίʔυྫ

21. Α͋͘ΔUIVOLΞΫγϣϯͷίʔυྫ BQJUTʹґଘ

22. KFTUNPDLΛ࢖ͬͯ୯ମςετ KFTUNPDLͰؔ਺Λ
    KFTUGOʹࠩ͠ସ͑Δ

23. &YUSB"SHVNFOU͔ΒBQJΛ౉͢ɿ
    BQQMZ.JEEMFXBSFଆͷίʔυ

24. &YUSB"SHVNFOU͔ΒBQJΛ౉͢ɿ
    BDUJPOଆͷίʔυ

25. &YUSB"SHVNFOU͔ΒBQJΛ౉͢ɿ
    BDUJPOଆͷίʔυ BQJUT΁ͷґଘʢJNQPSUจʣ͕ແ͘ͳΔ

26. मਖ਼ޙͷςετίʔυ

27. मਖ਼ޙͷςετίʔυ

28. मਖ਼ޙͷςετίʔυ KFTUNPDLෆཁ
    ςετ͕ͪΐͬͱγϯϓϧʹ

29. ৼΔ෣͍ͷ֦ு͕༰қʹͳΔ w &YUSB"SHVNFOUͷBQJͷܕΛ۩৅Ͱ͸ͳ͘
 ந৅ʢΠϯλϑΣʔεʣʹ͢Δ͜ͱͰɺ
    w UIVOLΞΫγϣϯΛมߋͤͣʹৼΔ෣͍Λ֦ுͰ͖Δ

30. BQQMZ.JEEMFXBSFଆͷίʔυɿ
    BQJͷܕΛந৅ʢΠϯλϑΣʔεʣʹ͢Δ

31. BQQMZ.JEEMFXBSFଆͷίʔυɿ
    BQJͷΠϯλϑΣʔεΛ࣮૷
    BDUJPOΛม͑ͣʹৼΔ෣͍Λ֦ுͰ͖Δ ྫɿ
    3FTU
    "1*͔Β(SBQI2-ʹม͑Δ
    443ͱ$43Ͱσʔλऔಘํ๏Λม͑Δ
    ςετ༻ͷϞοΫ"1*ΫϥΠΞϯτ

32. ͓ΘΓ w ࣗ෼ʹͱͬͯ౰ͨΓલͰ΋
 ଞऀʹͱͬͯͦ͏ͱ͸ݶΒͳ͍
    w ͨ·ʹυΩϡϝϯτΛݟฦ͢ͱɺ
 ৽͍͠ൃݟ͕͋Δ͔΋

33. ͋Γ͕ͱ͏
    ͍͟͝·ͨ͠