Standing on the shoulders of giants

at Cybozu Frontend Day 2023
(2023/06/30)

Transcript

1. Standing on
   
   
   the shoulders of giants
   2023/06/30
   @koba04 / Cybozu Frontend Day 2023
   

   View Slide

2. Standing on the shoulds of giants
   • The phrase "standing on the
   shoulders of giants" is
   a metaphor which means
   "using the understanding
   gained by major thinkers who
   have gone before in order to
   make intellectual progress”
   (Wikipedia)
   https://en.wikipedia.org/wiki/
   Standing_on_the_shoulders_of_giants
   

   View Slide

3. We already leverages OSS libraries,
   
   
   but we can learn more from them.
   
   
   Let’s explore!!!
   

   View Slide

4. facebok/react
   • The most popular repository for frontend engineers (209k ⭐)
   
   
   • ReactFiber.js
   
   
   • https://github.com/facebook/react/blob/main/packages/react-
   reconciler/src/ReactFiber.js
   
   
   • ReactFiber is an internal representation of ReactElement
   

   View Slide

5. facebok/react … ReactFiber.js
   

   View Slide

6. facebok/react … ReactFiber.js
   

   View Slide

7. facebok/react … ReactFiber.js
   

   View Slide

8. facebok/react … ReactFiber.js
   

   View Slide

9. facebok/react … ReactFiber.js
   

   View Slide

10. facebok/react … ReactFiber.js
    

    View Slide

11. facebok/react … ReactFiber.js
    

    View Slide

12. Now you can gain some
    knowledge from one
    f
    ile in React!
    

    View Slide

13. You can
    f
    ind solutions to solve our problems in OSS for free💰
    • How to ensure our migration doesn’t break public interfaces?
    
    
    • How to test complex React Hooks?
    
    
    • How to name variables?
    

    View Slide

14. Thanks!
    

    View Slide