ReactHooks_CustomHookAndEncapsulation

Transcript

1. 1 3FBDU
   )PPLT
   
   ΧελϜϑοΫͱΧϓηϧԽ 3FBDUKT
   NFFUVQ
   
   ॳ৺ऀ׻ܴ
   -5ձ
   !TPOBUBSE

2. D Technologies ͦͳଠ @sonatard • Linux Server and Network Engineer

   # System C • Wireless LAN Module Simulator # Cݴޠ • TCP/IP protocol stack on RTOS • TCP Offload Engine # Go • Google App Engine # TypeScript • React+Redux

3. • R e a c t H o o k

   s ͱ ͸ • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 1 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 2 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 3 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 4 • · ͱ Ί

4. 4 3FBDU
   )PPLT w 3FBDU
   )PPLT͸ɺ3FBDU
   
   Ͱ௥Ճ͞Εͨ৽ػೳɻ
   w TUBUF
   ͳͲͷ
   3FBDU
   ͷػೳΛɺΫϥεΛॻ͔ͣʹ࢖͑ΔΑ͏ʹͳΔɻ

5. 5 3FBDU
   )PPLT͕ఏڙ͢Δؔ਺ w 3FBDU
   )PPLT͸ɺVTF4UBUFҎ֎ʹ΋VTF&⒎FDUɺVTF$POUFYUͳͲ߹ܭݸͷެ͕ࣜఏڙ ͢Δؔ਺͕ଘࡏ͢Δɻ
   w ࠓճ͸VTF4UBUFΛத৺ʹઆ໌͠·͢ɻ

6. 6 ΧελϜϑοΫͱΧϓηϧԽ w ΧελϜϑοΫͱ͸ಠࣗͷϑοΫΛ࡞੒͢Δ͜ͱɻ
   w ίϯϙʔωϯτ͔ΒϩδοΫΛநग़͢Δ͜ͱͰɺϩδοΫͷ࠶ར༻ੑ͕޲্͢Δɻ
   w ঢ়ଶͱ࣮૷ͷৄࡉΛΧϓηϧԽͰ͖ɺίϯϙʔωϯτʹඞཁͳ஋ͱΠϯλʔϑΣʔεͩ ͚Λެ։͢Δ͜ͱ͕ՄೳͱͳΔɻ

7. • R e a c t H o o k

   s ͱ ͸ • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 1 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 2 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 3 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 4 • · ͱ Ί

8. 8 ΧελϜϑοΫͷ࣮ྫ
   ࣮ߦΠϝʔδ w ίϯϙʔωϯτؒͷϖʔδωʔγϣϯΛ࣮૷͢ΔVTF-PDBM)JTUPSZΧελϜϑοΫɻ
   w ϒϥ΢βͷIJTUPSZ
   "1*ͷΑ͏ͳ΋ͷɻ ࣍΁ ࣍΁ճ ໭Δճ ϥεττοϓϥετ

   ໭Δճ ཤྺΛফڈ

9. 9 ΧελϜϑοΫͷ࣮ྫ
   W w ΧελϜϑοΫະ࢖༻
   ίϯϙʔωϯτͱϩδοΫ͕Ұॹʹهड़͞Ε͍ͯΔ
   

10. • R e a c t H o o k

    s ͱ ͸ • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 1 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 2 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 3 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 4 • · ͱ Ί

11. 11 ΧελϜϑοΫͷ࣮ྫ
    W w ίϯϙʔωϯτ͔ΒϩδοΫΛΧελϜϑοΫʹ෼཭͢Δɻ
    w ίϯϙʔωϯτ͕ඞཁͳ৘ใ͚ͩΛฦ͠ɺଞ͸ΧελϜϑοΫʹӅṭ͢Δɻ
    w ίϯϙʔωϯτ͕ඞཁͳ΋ͷ
    w ஋͸ɺDVSSFOU1BHF
    

    w ૢ࡞͸ɺ5PQɺ/FYUɺ#BDLɺ-BTUɺ3FTFU
    w ˞
    ཤྺҰཡ͸σόοάҎ֎ʹ͸ෆཁͳͷͰฦ͞ͳ͍ɻ

12. 12 ΧελϜϑοΫͷ࣮ྫ
    W w ΧελϜϑοΫ͔ΒෆཁͳIJTUPSZ͸ฦͣ͞ɺඞཁͳ஋ͱૢ࡞͚ͩΛฦ͢ɻ

13. 13 ΧελϜϑοΫͷ࣮ྫ
    W w ίϯϙʔωϯτ͕7JFXʹϑΥʔΧεͨ͠ίʔυͱͳΔ
    

14. • R e a c t H o o k

    s ͱ ͸ • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 1 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 2 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 3 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 4 • · ͱ Ί

15. 15 ΧελϜϑοΫͷ࣮ྫ
    W w ࠓճͷૢ࡞ʹରͯ͠ΠϯλʔϑΣʔεΛఆٛ͢Δɻ

16. 16 ΧελϜϑοΫͷ࣮ྫ
    W w Ұ࿈ͷૢ࡞͕ؔ࿈͕͋Δ͜ͱ͕Θ͔Γ΍͘͢ͳΔɻ
    w ଞͷίϯϙʔωϯτʹରͯ͠ૢ࡞Λ౉͢͜ͱ΋༰қʹͳΔɻ

17. • R e a c t H o o k

    s ͱ ͸ • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 1 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 2 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 3 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 4 • · ͱ Ί

18. 18 ΧελϜϑοΫͷ࣮ྫ
    W w 4UBDL -*'0 ͷσʔλߏ଄ΛΧελϜϑοΫͱͯ͠੾Γग़͢ɻ
    w ΧελϜϑοΫ͸ଟஈߏ੒͕ՄೳͳͷͰɺVTF-PDBM)JTUPSZ͔ΒVTF4UBDLΛݺͿɻ

19. 19 ΧελϜϑοΫͷ࣮ྫ
    W w VTF-PDBM)JTUPSZ͕4UBDLͷσʔλߏ଄Λҙࣝͤͣɺը໘ભҠͷ੍ޚ͚ͩΛϩδοΫͱ͠ ͯ࣋ͭΑ͏ʹͳΔɻ

20. • R e a c t H o o k

    s ͱ ͸ • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 1 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 2 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 3 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 4 • · ͱ Ί

21. 21 ΧελϜϑοΫͷ࣮ྫ
    W w ίϯϙʔωϯτͷ࠶ඳըΛճආ͢ΔͨΊʹɺVTF$BMMCBDLͱVTF.FNPΛར༻͢Δɻ
    w VTF-PDBM)JTUPSZΛར༻͍ͯ͠Δίϯϙʔωϯτ͕࣮ߦ͞ΕΔͨͼʹɺίʔϧόοΫఆ ͕ٛ࠶࣮ߦ͞ΕΔ͜ͱΛճආ͢Δɻ
    w MPDBM)JTUPSZΛผͷίϯϙʔωϯτʹ౉͍ͯ͠Δ৔߹ͳͲʹ͸ҙຯ͕͋Δɻ

22. • R e a c t H o o k

    s ͱ ͸ • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 1 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 2 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 3 • Χ ε λ Ϝ ϑ ο Ϋ ͷ ࣮ ྫ v 4 • · ͱ Ί

23. 23 ΧελϜϑοΫͱΫϥε w ͜ͷܗʹԿ͔ݟ͕֮͑͋ΔɻɻɻΫϥεʂ
    w Ϋϥε
    w ঢ়ଶ
    ϝϯόϑΟʔϧυ
    w ૢ࡞
    ϝιου
    

    w ॳظԽ
    ίϯετϥΫλ
    w ΧελϜϑοΫ
    w ঢ়ଶ
    VTF4UBUF
    w ૢ࡞
    ؔ਺
    w ॳظԽ
    ϑοΫͷҾ਺

24. 24 ·ͱΊ w 3FBDU
    )PPLTͷΧελϜϑοΫͷొ৔ʹΑΓɺΦϒδΣΫτࢦ޲ͷϊ΢ϋ΢͕׆༻Ͱ͖ ΔΑ͏ʹͳͬͨɻ
    w ద੾ͳઃܭʹΑΓҎԼ͕࣮ݱՄೳ
    w ୯Ұ੹೚ͷݪଇ 431

    ɺ৘ใӅṭ ΧϓηϧԽ
    w Մಡੑͷ޲্ɺ࠶ར༻ੑͷ޲্

25. 25 ·ͱΊ w ࠷େͷϝϦοτ
    w ίϯϙʔωϯτʹґଘ͠ͳ͍ϩδοΫ͚͕ͩ044ͱͯ͠ڞ༗͞ΕΔΑ͏ʹͳͬͨ
    w ࠓޙ͸ঢ়ଶΛ࣋ͭϩδοΫΛॻ͘લʹɺݕࡧ͢Δ͜ͱΛ͓͢͢Ί͠·͢ɻ
    w IUUQTHJUIVCDPNTUSFBNJDISFBDUVTF
    

    w IUUQTOJLHSBGHJUIVCJPSFBDUIPPLT
    w IUUQTVTFIPPLTDPN