Code splitting

Our implementation

React.lazy

React Fiber

Demo time!

https://claudiopro.github.io/react-fiber-vs-stack-demo/

React Suspense

React Suspense

React Suspense

Ok, but where did my <Loading> go?

React Suspense

https://www.youtube.com/watch?v=v6iR3Zk4oDY

Hooks

Hooks are a new feature, to be introduced in React 16.7, which adds the power of state, lifecycle and refs to function based components, allowing you to make your logic more reusable!

State

State

State

State

Demo time!

https://codesandbox.io/s/l39y80kv49

Effects

Demo time!

https://codesandbox.io/s/l39y80kv49