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