Ready for React in 2019

Transcript

1. 3FBEZ
   GPS
   3FBDU
   JO
    'SPOUFOE
   $POGFSFODF
   'VLVPLB
   
   
   
   !LPCB

2. None

3. "HFOEB w 'VODUJPO
   $PNQPOFOU
   w 69
   GPS
   BMM
   VTFST
   w 'VUVSF
   1MBOT
   w -JWF
   $PEJOH

4. 'VODUJPO
   $PNQPOFOU

5. 3FBDUNFNP w 0QUJNJ[F
   'VODUJPO
   $PNQPOFOU
   w 1VSF$PNQPOFOU
   GPS
   'VODUJPO
   $PNQPOFOU

6. )PPLT Custom Hook

7. w )PPLT
   NVTU
   CF
   DBMMFE
   JO
   UIF
   TBNF
   PSEFS )PPLT Hook Hook next Fiber memoizedState

8. "WPJE
   l8SBQQFS
   IFMMz https://www.youtube.com/watch?v=dpw9EHDh2bM

9. +BWB4DSJQU`T
   $MBTT
   JT
   IBSE w 'PS
   
   w )BSE
   UP
   PQUJNJ[F
   w 'PS
   
   w AUIJTA
   PG
   +BWB4DSJQU
   IBT
   NBOZ
   QJU
   GBMMT

10. .PSF
    %FUBJMTʜ https://blog.cybozu.io/entry/2018/11/02/113000

11. 69
    GPS
    BMM
    6TFST

12. <App> <Header /> <Suspense> <Main> <User> <Avatar /> <Link />

    </User> </Main> </Suspense> </App> 4VTQFOTF 1. Throw a Promise 2. Wait to resolve the Promise 3. Resume the rendering

13. 4VTQFOTF Throw a Promise if the resource doesn’t have a

    cache data

14. 3FBDUMB[Z
    XJUI
    4VTQFOTF w $PEF
    4QMJUUJOH
    XJUI
    %ZOBNJD
    *NQPSU
    4UBHF

15. 5JNFTMJDJOH User Blocking Normal Priority

16. 5JNFTMJDJOH w 8PSLJOH
    PO
    TUBOEBSEJ[JOH
    UIF
    TDIFEVMJOH
    NFDIBOJTN
    XJUI
    B
    $ISPNF
    5FBN
    w IUUQTHJUIVCDPNTQBOJDLFSNBJOUISFBE TDIFEVMJOH
    w 8IBU
    BCPVU
    8FC
    8PSLFSTʁ

17. /FX
    1SPpMFS

18. 69
    GPS
    BMM
    VTFST w 4VTQFOTF
    
    MB[Z
    w 'PS
    VTFST
    JO
    IJHI
    TQFFE
    OFUXPSL
    BOE
    TMPX
    OFUXPSL
    w 5JNFTMJDJOH
    
    MB[Z
    w 'PS
    VTFST
    VTJOH
    IJHI
    QPXFS
    EFWJDFT
    BOE
    MPX
    

    QPXFS
    EFWJDFT
    w 1SFMPBE
    
    1SFSFOEFS

19. https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4

20. 'VUVSF

21. 3FMFBTF
    1MBOT
    GPS
    4UBCMF w 
    
    3FBDUMB[Z
    XJUI
    4VTQFOTF
    w 
    
    3FBDU
    )PPLT
    
    2
    w 
    
    $PODVSSFOU
    .PEF
    
    2

    
    w 
    
    %BUB
    GFUDIJOH
    XJUI
    4VTQFOTF
    
    NJE
    w
    
    
    
    4FSWFS
    3FOEFSFS
    GPS
    4VTQFOTF
    
    w
    
    
    
    .PEFSOJ[JOH
    3FBDU
    %0.
    
    w 
    
    
    
     Now

22. 1SFQBSF
    GPS
    UIF
    GVUVSF w :PV
    DBO
    VTF
    OFX
    GFBUVSFT
    JODSFNFOUBMMZ
    XJUIPVU
    CSFBLJOH
    DIBOHFT
    w 6TF
    3FBDU4USJDU.PEF
    $PNQPOFOU
    w 'JY
    XBSOJOHT
    JO
    4USJDU.PEFʜ4USJDU.PEF

23. -JWF
    $PEJOH https://github.com/koba04/react-hacker-news-stories

24. 5IBOL
    ZPV
    speakerdeck.com/koba04