Hello React hooks

Transcript

1. ハロー リアクト フック @circled9 2018-11-30 WCI Tech night #2

2. Matsui Masashi দҪ
   ਖ਼ࢤ DJSDMFE 'SPOUFOE
   &OHJOFFS
   !XBUFSDFMM
   JOD !2

3. ࠓ೔঺հ͢Δͷ͸
   3FBDU
   Wͷ৽ػೳ !3

4. )PPLT
   "1*
   !4

5. Hooks are a new feature proposal that lets you use

   state and other React features without writing a class. They’re currently in React v16.7.0-alpha and being discussed in an open RFC. IUUQTSFBDUKTPSHEPDTIPPLTSFGFSFODFIUNM
   ΑΓҾ༻ !5

6. ҙ༁ w )PPLT͸3FBDUͷ࣍ͷόʔδϣϯ Ͱ࢖͑Δ༧ఆͷ΍ͭ
   w DMBTTͳ͠ͰTUBUFͱ͔͕࢖͑Δ
   w ·ͩ3'$ͳײ͡Ͱ࢓༷ࡦఆத !6

7. /P
   #SFBLJOH
   $IBOHFT w ࢖͏ͷ͸೚ҙͩ͠ޙํޓ׵ੑͱ͔͸ Ϳͬյ͞ͳ͍Α
   w ผʹDMBTTΛͳ͘͢ؾ΋ͳ͍Α
   w 3FBDUͷߟ͑ํ΍ίϯηϓτͱ͔͸ มΘΒͳ͍Α !7

8. )PPLT
   "1*
   ͷ঺հ !8

9. ࠓ೔঺հ͢Δ΋ͷ w VTF4UBUF
   w VTF&GGFDU
   w VTF3FEVDFS !9

10. ࠓ೔঺հ͠ͳ͍΋ͷ w VTF$POUFYU
    w ଞɺ"EEJUJPOBM
    )PPLTͷେ൒
    w VTF$BMMCBDL
    VTF.FNP
    VTF3FG

    
    FUD !10

11. VTF4UBUF w TUBUF͕࢖͑Δ
    w ݱࡏͷঢ়ଶͱঢ়ଶΛม͑Δؔ਺Λฦ ͢
    w چདྷͷTFU4UBUFͷΑ͏ʹΦϒδΣ ΫτͷϚʔδ͸͠ͳ͍ͷͰ஫ҙ !11

12. VTF&GGFDU w ඳը͕ऴΘ͔ͬͯΒ࣮ߦ͞ΕΔ
    w %JE.PVOU΍%JE6QEBUFʹ͍ۙ
    w ୈೋҾ਺Ͱ؂ࢹ͢Δର৅Λࢦఆ͢Δ
    w ୈҰҾ਺ͷฦΓ஋ͷؔ਺ͰΫϦʔϯ Ξοϓ͢Δ

    !12

13. VTF3FEVDFS w 'MVYϥΠΫͳ͜ͱ͕Ͱ͖Δ !13

14. ॴײ w SFDPNQPTF΍SFEVYͳͲΛ࢖ͬ ͯ΍ͬͯͨ͜ͱͷҰ෦͸3FBDU͚ͩ ͰͰ͖ͦ͏
    w ͠͹Β͘͸ϕετϓϥΫςΟεΛ໛ ࡧ͢Δ͜ͱʹͳΓͦ͏ !14

15. &OKPZ
    )PPLT
     !15