10 things you need to know about React 16

Transcript

1. KRAK3N
   10 things you need to know
   About react 16
   

   View Slide

2. KRAK3N
   @r31gN_
   Consultant / GDE
   krak3n
   

   View Slide

3. KRAK3N
   • Fiber (16.0)
   • Multiple returns from render (16.0)
   • Streaming mode for server side rendering (16.0)
   • Error boundaries (16.0)
   • Portals (16.0)
   • Fragments (16.2)
   • Context (16.3)
   • Lifecycle methods changes (16.3)
   • StrictMode (16.3)
   • React.unstable_AsyncMode (16.3)
   

   View Slide

4. KRAK3N
   Fiber
   

   View Slide

5. KRAK3N
   OLD RECONCILER RENDERING
   

   View Slide

6. KRAK3N
   FIBER RENDERING
   

   View Slide

7. KRAK3N
   Multiple returns
   From render
   

   View Slide

8. KRAK3N
   Streaming mode for ssr
   

   View Slide

9. KRAK3N
   

   View Slide

10. KRAK3N
    

    View Slide

11. KRAK3N
    ERROR BOUNDARIES
    

    View Slide

12. KRAK3N
    REACT PORTALS
    

    View Slide

13. KRAK3N
    REACT FRAGMENTS
    

    View Slide

14. KRAK3N
    NEW CONTEXT API
    

    View Slide

15. KRAK3N
    LIFECYCLE METHODs
    CHANGES
    

    View Slide

16. KRAK3N
    componentwillmount Componentwillupdate Componentwillreceiveprops
    

    View Slide

17. KRAK3N
    componentwillmount Componentwillupdate Componentwillreceiveprops
    Componentdidmount
    

    View Slide

18. KRAK3N
    componentwillmount Componentwillupdate Componentwillreceiveprops
    Componentdidmount Componentdidupdate
    

    View Slide

19. KRAK3N
    componentwillmount Componentwillupdate Componentwillreceiveprops
    Componentdidmount Componentdidupdate getDerivedStateFromProps
    

    View Slide

20. KRAK3N
    REACT STRICTMODE
    

    View Slide

21. KRAK3N
    REACT ASYNCMODE
    

    View Slide

22. KRAK3N
    Resources
    • https://medium.com/@baphemot/whats-new-in-
    react-16-3-d2c9b7b6193b
    • https://codesandbox.io/u/r31gN/sandboxes
    • https://github.com/koba04/react-fiber-resources
    • https://www.youtube.com/watch?v=v6iR3Zk4oDY
    

    View Slide

23. KRAK3N
    – Reign
    “ keep on smiling because you are the most
    Beautiful people when you do. ”
    

    View Slide

24. KRAK3N
    Thank you!
    @r31gN_
    

    View Slide