hooksが変革する未来について

Transcript

1. IPPLT͕มֵ͢Δະདྷʹ͍ͭͯ

2. /BNF
   )JSP
   +PC
   'SPOU&OE
   %FWFMPQFS
   )PCCJFT
   %%3
   TUPDL
   NBSLFU
   JOWFTUNFOU
   SVOOJOH
   5XJUUFS
   !IJSPEFBUI
   (JU)VC
   UBLBIJSPTBFLJ

3. None

4. 8IBU
   JT
   UIF
   3FBDU
   IPPLT
   $MBTT
   $PNQPOFOUΛهड़͠ͳͯ͘΋TUBUF΍DPNQPOFOU%JE.PVOU
   DPNQPOFOU%JE6QEBUF΍SFGͳͲɺࠓ·ͰDMBTT
   DPNQPOFOUͰ͔͠
   ࢖͑ͳ͔ͬͨػೳ͕'VODUJPOBM
   
   $PNQPOFOUͰ΋࢖͑ΔΑ͏ʹͳͬͨ ҰݴͰݴ͑͹ɺ΋͏DMBTT
   DPNQPOFOUΛॻ͔ͳͯ͘΋ྑ͍࣌୅͕དྷͨ ·ͣ͸ൺֱΛͯ͠ΈΔͱɺɺɺ

5. class component

6. None

7. hooks

8. None

9. ൺֱͯ͠Έͨ݁Ռ ίʔυྔ͸ݮΓɺࢹೝੑ΋্͕ͬͨ ͱࢥ͏ ͱ͸͍͑ɺݱ৔Ϩϕϧͷίʔυͩͱίϯϙʔωϯτ͔ΒϩδοΫΛ
   ෼ׂͨ͠Γ͢Δ͚Ͳɺ)PD΍SFOEFS
   QSPQTΈ͍ͨʹग़དྷͳ͍ͷʁ ࣮ࡍʹൺֱͯ͠ΈΑ͏

10. Higher Order Component

11. None
12. None

13. render props

14. None
15. None

16. hooks

17. None
18. None

19. hooks

20. )PPLTͷछྨ େ͖͘෼͚ͯछྨ͋Δ #BTJD
    )PPLT "EEJUJPOBM
    )PPLT VTF4UBUF VTF$POUFYU VTF&⒎FDU VTF3FEVDFS VTF$BMMCBDL VTF.FNP

    VTF3FG VTF*NQFSBUJWF)BOEMF VTF-BZPVU&⒎FDU VTF%FCVH7BMVF
21. None
22. None

23. Example App

24. None

25. ࠷ޙʹ ࠓޙDMBTT
    DPNQPOFOUΑΓ΋IPPLT͕࢖ΘΕͯߦ͘Α͏ʹͳͬͯߦ͘ͱࢥ͏ɻ
    ͱ͸͍͑ɺDMBTT
    DPNQPOFOU͔ΒIPPLTΛ࢖ͬͨίϯϙʔωϯτʹஔ׵͢Δͷ͸
    ༰қͰͳ͍৔߹͕͋ΔͷͰɺࠓޙ΋อकͷࡍʹDMBTT
    DPNQPOFOUΛϝϯςφϯε
    ͠ͳ͚Ε͹ͳΒͳ͍৔߹΋ଟ͍ͱࢥ͏ɻ ৽ن։ൃʹ͓͍ͯ͸IPPLTΛ࢖ΘΕΔՄೳੑ͕ඇৗʹߴ͍ͱࢥ͏ͷͰࠓ͔Β
    IPPLTΛͲ͏࢖͏͔ݟ͍ͨͳ஌ݟ͕͋ΔͱࠓޙͷΤϯδχΞਓੜʹ͓͍ͯ
    ྑ͍౤ࢿʹͳΔͱࢥ͏ɻ

26. 8IZ
    EPO`U
    XF
    TUBSU
    VTJOH
    IPPLT
    JOTUFBE
    PG
    NBLJOH
    DMBTT
    DPNQPOFOU

27. The End