Standing on the shoulders of giants

by koba04

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

facebok/react … ReactFiber.js

Slide 6

Slide 6 text

facebok/react … ReactFiber.js

Slide 7

Slide 7 text

facebok/react … ReactFiber.js

Slide 8

Slide 8 text

facebok/react … ReactFiber.js

Slide 9

Slide 9 text

facebok/react … ReactFiber.js

Slide 10

Slide 10 text

facebok/react … ReactFiber.js

Slide 11

Slide 11 text

facebok/react … ReactFiber.js

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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?

Slide 14

Slide 14 text

Thanks!