Pro Yearly is on sale from $80 to $50! »

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

15eb9fe75117e987992d2ae56b811f2d?s=47 hiro
February 25, 2019

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

15eb9fe75117e987992d2ae56b811f2d?s=128

hiro

February 25, 2019
Tweet

Transcript

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

  2. /BNF)JSP +PC'SPOU&OE%FWFMPQFS )PCCJFT%%3 TUPDLNBSLFUJOWFTUNFOU SVOOJOH 5XJUUFS!IJSPEFBUI (JU)VCUBLBIJSPTBFLJ

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

  5. class component

  6. None
  7. hooks

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

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

  26. 8IZEPO`UXFTUBSUVTJOHIPPLTJOTUFBEPGNBLJOHDMBTTDPNQPOFOU

  27. The End