A logical walkthrough of SSR, Hydration and how React 18 update is a huge game-changer for React ecosystem.
Inspired from https://github.com/reactwg/react-18/discussions/37
Code https://codesandbox.io/s/kind-sammet-j56ro?file=/src/App.js
Timecodes
0:00 - Intro
0:31 - What is SSR ?
0:43 - Why do we need SSR ?
1:48 - What is hydration ?
2:16 - What happens during hydration ?
2:36 - React 17 html rendering problem
3:22 - React 17 hydration problem
3:54 - React 17 problem summary
04:23 - What changed with React 18 ?
5:49 - React 18 SSR Demo
8:06 - Outro