状態管理ライブラリZustandの導入から運用まで

Transcript

1. ঢ়ଶ؅ཧϥΠϒϥϦ;VTUBOEͷಋೖ͔Βӡ༻·Ͱ EBJLJ
   
   !LUJLVSJTV
   
   $ZCP[V
   *OD
2. EBJLJ
   • αΠϘ΢ζגࣜձࣾ
   ৽ଔ
   • 8FCϑϩϯτΤϯυΤϯδχΞ
   • 𝕏 ɿ!LUJLVSJTV 
3. αΠϘ΢ζͷओྗ੡඼LJOUPOF  αΠϘ΢ζΤϯδχΞ࠾༻ϐον<> <>
   IUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU TMJEF
4. LJOUPOFͷϑΥʔϜͷঢ়ଶ؅ཧʹ;VTUBOEΛ࢖͍ͬͯΔ LJOUPOFͰ࡞੒ͨ͠ΞϓϦʹσʔλΛ௥Ճ͢Δը໘ ίίʹ;VTUBOE͕ʂ 
5. ΞδΣϯμ • ঢ়ଶ؅ཧʹ;VTUBOEΛ࠾༻ͨ͠എܠ
   • ͬ͘͟Γ;VTUBOE
   • ;VTUBOEΛಋೖͯ͠Έ࣮ͯࡍͲ͏͔
   • ;VTUBOE
   W΁ͷظ଴ 
6. ঢ়ଶ؅ཧʹ;VTUBOEΛ࠾༻ͨ͠എܠ 
7. ࠶ϨϯμϦϯά࠷దԽ΁ͷ՝୊ײ 
8. ࠶ϨϯμϦϯά࠷దԽ΁ͷ՝୊ײ • ΋ͱ΋ͱ͸3FBDUͷVTF4UBUF΍VTF3FEVDFSͰঢ়ଶ؅ཧΛ͍ͯͨ͠
   • ϑΥʔϜͷঢ়ଶΛͭͷΦϒδΣΫτͱͯ͠؅ཧ͓ͯ͠Γɺಛผ੍ޚ ͠ͳ͚Ε͹ͭͷJOQVUͷ஋Λߋ৽͢Δ͚ͩͰϑΥʔϜશମ͕࠶Ϩϯ μϦϯά͞ΕΔ
   ◦ ϑΥʔϜશମͷ༨෼ͳϨϯμϦϯάΛආ͚ΔͨΊʹ࣮૷͕ෳࡶԽ ͢Δ
   
   
   ˠ
   ൺֱత༰қʹ࠶ϨϯμϦϯάͷ੍ޚ͕Մೳͳঢ়ଶ؅ཧϥΠϒϥϦͷಋೖ
   
   
   
   
   
   
   ʹࢸͬͨ 
9. ϥΠϒϥϦબఆͷ۩ମతͳཁ݅ • ঢ়ଶ؅ཧʹಛԽ͍ͯ͠Δ
   ◦ طଘίʔυͱาௐΛ߹ΘͤΔඞཁ͕͋Δ
   • όϯυϧαΠζ͕খ͘͞ґଘύοέʔδ͕গͳ͍
   ◦ LJOUPOF͸େن໛ͳϓϩμΫτͷͨΊɺྦྷੵతʹେ͖ͳӨڹΛ༩ ͑Δ
   • ͋Δఔ౓ͷγΣΞͷߴ͞ͱܧଓతͳ։ൃ͕ೝΊΒΕΔ 
10. ঢ়ଶ؅ཧϥΠϒϥϦͷҟͳΔΞϓϩʔν 
11. τοϓμ΢ϯతͳΞϓϩʔνɿ;VTUBOEɺ3FEVY  SPPU DPNQPOFOU DPNQPOFOU DPNQPOFOU DPNQPOFOU • 4JOHMF
    4UPSF
    • தԝूݖతʹ؅ཧ͞Εͨ4UPSFΛ֤ DPNQPOFOUͰݺͼग़ͯ͠࢖༻͢Δ 4UPSF
12. ϘτϜΞοϓతͳΞϓϩʔνɿ+PUBJɺ3FDPJM  SPPU DPNQPOFOU DPNQPOFOU DPNQPOFOU DPNQPOFOU "UPN • "UPNͱݺ͹ΕΔখ͞ͳঢ়ଶ୯ҐΛج ຊͱ͢Δ
    • ֤"UPN͸ಠཱ͓ͯ͠ΓɺඞཁʹԠ͡ ͯ૊Έ߹ΘͤΔ͜ͱ͕Ͱ͖Δ
    ◦ ࠷খ୯Ґ͔Β࢝Ίͯঃʑʹେ͖ͳ ߏ଄Λ࡞Γ্͛ΔϘτϜΞοϓత ͳߟ͑ํ "UPN
13. ϥΠϒϥϦൺֱͷҰ෦ • ;VTUBOE
    ˠ
    ࠾༻
    ◦ ଞͷJOQVUͷ஋ʹԠͯ͡ผͷJOQVUͷ஋͕࠶ܭࢉ͞ΕΔ͜ͱ͕͋ Γɺ·ͱΊͯঢ়ଶ؅ཧͰ͖Δτοϓμ΢ϯͷΞϓϩʔν͕ద͢Δ
    • +PUBJ
    ◦ ࠓճͷཁ݅Ͱ͸͏·͘4UBUFΛϘτϜΞοϓʹ෼ׂ͢Δͷ͕೉͍͠
    • 3FEVYUPPMLJU
    ◦ SFBDUSFEVYͱ!SFEVYKTUPPMLJUͷґଘ͕૿͑Δ
    ◦ 1SPWJEFSΛ௥Ճ͢ΔͷͰɺطଘͷςετίʔυΛมߋ͢Δඞཁ͕ ͋Δ 
14. ͬ͘͟Γ;VTUBOE 
15. ;VTUBOEͱ͸ʁ  • ʮγϯϓϧͰܰྔͳγϯάϧετΞͷঢ়ଶ؅ཧϥΠϒϥϦʯ
    • ϝΠϯͷ+4ίʔυ͸਺ेߦ΄Ͳ
    • όϯυϧαΠζ
    LC
    ఔ౓ʢNJOJGJFEʣ *OUSPEVDUJPO
    
    ;VTUBOEɿIUUQT[VTUBOEEPDTQNOEST
16. ;VTUBOEͰͷ4UPSFఆٛ  DSFBUFͱ͍͏ؔ਺͔Βશͯ͸࢝·Δ
17.  ;VTUBOEͰͷ4UPSFఆٛ • DSFBUFؔ਺ͷҾ਺ʹɺTFU
    HFU
    TUPSF ΛҾ਺ʹऔΔίʔϧόοΫΛ౉͢
    • ໭Γ஋͕4UPSFΛѻ͏ͨΊͷ)PPLʹͳ Δ
18.  ίʔϧόοΫ͸ঢ়ଶม਺ʢ4UBUFʣͱͦͷ ߋ৽ؔ਺ʢ"DUJPOʣΛఆٛͨ͠ΦϒδΣ ΫτΛฦ͢ ;VTUBOEͰͷ4UPSFఆٛ
19. ίϯϙʔωϯτͰ4UPSFΛࢀর  )PPLΛݺͼग़͠ɺཉ͍͠ 4UBUF·ͨ͸"DUJPOΛબ୒͢ Δʢ4FMFDUPSʣ ड͚औͬͨ4UBUF΍"DUJPOΛ ར༻͢Δ
20. 5ZQF4DSJQUͰͷར༻ํ๏  4UBUFͱ"DUJPOͷܕΛ༻ҙ͢ Δ DSFBUFؔ਺ͷܕҾ਺ʹ౉͢
21. ࣮ࡍͷӡ༻ํ๏ɾ޻෉఺ͳͲ 
22.  • ঢ়ଶߋ৽͕ෳࡶ
    • ϑΥʔϜશମΛͭͷΦϒδΣΫτͱͯ͠ ѻ͍ͬͯΔͨΊɺ·͞ʹ͜Μͳײ͡ʹͳ Δ ී௨ʹॻ͘ͱωετͨ͠ΦϒδΣΫτͷঢ়ଶૢ࡞େม ωετͨ͠ΦϒδΣΫτ
23. ޻෉఺ɿ*NNFSΛ࢖༻ͨ͠Πϛϡʔλϒϧͳঢ়ଶૢ࡞  ˔ DSFBUFؔ਺ʹ*NNFSϛυϧ΢ΣΞΛڬΈࠐ Ή͚ͩͰ࢖͑Δ
    ˔ ࣗ࡞ͨ͠ϛυϧ΢ΣΞ΋ࠩ͠ࠐΉ͜ͱ͕Ͱ͖ ΔͨΊɺଞͷϥΠϒϥϦʹม͕͑ޮ͘ ˔ ؆ܿʹॻ͚Δ
    ˔ ࣮ࡍʹ͸Πϛϡʔλϒϧͳߋ৽͕ߦΘΕΔ
24. ޻෉఺ɿ4UPSFఆٛϑΝΠϧʹ4FMFDUPSΛूੵ  • 4FMFDUPS΋4UPSFఆٛϑΝΠϧ ʹूੵ͠ɺίϯϙʔωϯτଆͰ͸ ͦΕΛݺͿ͚ͩʹ͢Δ
    • Ծʹ4UPSFͷ࣮૷΍ঢ়ଶ؅ཧϥΠ ϒϥϦΛมߋ͢Δ͜ͱʹͳͬͨͱ ͯ͠΋ɺݺͼग़͠αΠυͰͷ٧Ί ସ͑ϩδοΫ͕࠷௿ݶͰࡁΉ
25. ޻෉఺ɿঢ়ଶͷఆٛͱߋ৽Ҏ֎ͷॲཧ͸ͳΔ΂͘ॻ͔ͳ͍  ݱࡏͷ4UBUFΛऔಘͯ͠ܭࢉ Λߦ͏"DUJPO
26. ޻෉఺ɿঢ়ଶͷఆٛͱऔಘɾߋ৽Ҏ֎ͷॲཧ͸ͳΔ΂͘ॻ͔ͳ͍  • ϏδωεϩδοΫ͸ؔ਺ʹ੾Γग़ ͢
    • ूੵ͢Δؔ܎ͰϑΝΠϧ͕ංେԽ ͠΍͍ͨ͢Ίɺ4UPSFϑΝΠϧͷ ੹຿Λ੍ݶ
27. ༨ஊɿ4MJDFT
    1BUUFSO  • ؔ৺͝ͱʹ4UBUFͱ"DUJPOͷ૊Έ Λ4MJDFͱͯ͠෼ׂ͢Δ
    • 4MJDF͸ಠཱͨؔ͠਺ͱͯ͠ఆٛ • 4MJDFΛ૊Έ߹ΘͤͯετΞΛ࡞ ੒͢Δ
28. ༨ஊɿ3FEVYMJLF
    QBUUFSOT  • ΠϕϯτʹΑͬͯঢ়ଶͷߋ৽ॲ ཧΛग़͠෼͚ΔSFEVDFSΛ࡞੒ • EJTQBUDIͱ͍͏"DUJPOΛఆٛ
    • ݺͼग़͠ଆͰ͸EJTQBUDIʹΠ ϕϯτͷ৘ใΛ౉͢
29. ಋೖͯ͠Έͯخ͍͠ͱ͜Ζɺඍົͳͱ͜Ζ 
30. خ͍͠ͱ͜Ζ  • 1SPWJEFSແ͠ͰطଘͷίʔυʹಋೖͰ͖ΔͨΊɺطଘίʔυ΍ςε τ΁ͷมߋ͕࠷খݶͰɺ)PPLͷςετ΋༰қʹͰ͖Δ
    • ঢ়ଶ؅ཧʹඞཁͳॲཧΛҰׅͰએݴͰ͖Δ
    ◦ ੾Γ཭ͦ͏ͱࢥͬͨ࣌ʹ੾Γ཭ͤΔ
    ◦ FTMJOUQMVHJOTUSJDUEFQFOEFODJFT౳ͱ૊Έ߹Θͤͯɺ JNQPSUͰ͖ΔϞδϡʔϧͷ੍ݶͳͲ΋؆୯
    • ϛυϧ΢ΣΞͰػೳΛ֦ுͰ͖Δ
    ◦ ґଘϥΠϒϥϦΛ཈͑ΔɾίϯτϩʔϧͰ͖Δ
31. ඍົͳͱ͜Ζɿܕਪ࿦  • ͦͷ··ར༻͢Δͱ5ZQF4DSJQUͷܕఆٛΛશͯॻ͘ඞཁ͕͋Δ
32. ༨ஊɿܕਪ࿦Λޮ͔ͤΔํ๏΋͋Γ·͢  • DPNCJOFϛυϧ΢ΣΞΛ࢖༻͢Δ
    ◦ ଞͷϛυϧ΢ΣΞͱͷซ༻͕೉͍͠
    ◦ ಛఆͷ৔߹ʹܕ҆શͰͳ͍<>
    • [VTUBOETMJDFT
    [VTUBOEWBMUJP
    [VTUBOEYTͳͲͷϥΠϒϥϦΛ ซ༻͢Δ
    ◦ ॻ͖৺஍͕มΘΔ͜ͱͱɺґଘΛۃྗݮΒ͍ͨ͜͠ͱ͔Β࢖༻͠ ͍ͯͳ͍
    ◦ ؤுͬͯॻ͍ͨΒྑ͍࿩Ͱ͸͋ΔͷͰɺɺ <>
    IUUQT[VTUBOEEPDTQNOESTHVJEFTUZQFTDSJQUUZQFTDSJQUHVJEF
33. • 4UBUFͱ"DUJPOΛͭͷΦϒδΣΫτͱͯ͠એݴ͢ΔͨΊɺܕΤϥʔ ͕4UPSFશମʹٴͿ͜ͱ͕͋Δ
    • 4UPSFϑΝΠϧ͕େ͖͘ͳΔͱݪҼͷಛఆ͕ࠔ೉ʹͳΓ΍͍͢
    ◦ ࠓճͷཁ݅Ͱ͸4UPSFͷ෼ׂ͕೉͘͠ڐ༰͢Δ͔͠ͳ͍ ඍົͳͱ͜ΖɿܕΤϥʔ 
34. ;VTUBOE
    W΁ͷظ଴ 
35. W΁ͷظ଴ • ಛʹػೳ͕૿͑ΔΘ͚Ͱ͸ͳ͍ʢ#SFBLJOH͕͋Δʣ
    ◦ FTɺ3FBDUҎલͷαϙʔτΛ΍ΊΔͳͲ
    • όϯυϧαΠζ͕খ͘͞ͳΔ
    ◦ ݹ͍ػೳΛ࡟ͬͯεϦϜԽ
    ◦ LC
    ˠ
    LC΄ͲʢNJOJGJFEʣ
    ◦ *NNFSΛซ༻͢Δؔ܎ͰαΠζ͕ Ћ͞ΕΔͨΊຊମ͕খ͍͞ͱ خ͍͠  IUUQTHJUIVCDPNQNOEST[VTUBOESFMFBTFTUBHWSD
36. ·ͱΊ 
37.  ·ͱΊ • 4UPSFͷ෼ׂ͕೉͘͠τοϓμ΢ϯͷΞϓϩʔν͕దͨ͠ͷͰ ;VTUBOEΛબΜͩ
    • ঢ়ଶ؅ཧʹඞཁͳॲཧΛҰׅͰએݴͰ͖Δ
    • جຊDSFBUFؔ਺͚ͩͳͷͰɺ͍ΖΜͳύλʔϯͰཁ݅ʹ߹Θ ͤͨ࢖͍ํ͕Ͱ͖Δ
    • 5ZQF4DSJQUͰ࢖͏৔߹͸޻෉͕ඞཁ͔΋
    • དྷΔWͰ͸͞Βʹܰྔʹͳͬͯخ͍͠