Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Not long ago, most React apps relied entirely on client-side rendering. You’d show a spinner, wait for the data to load, and finally render your UI. Later, with frameworks like Next.js, SSR (server-side rendering) became mainstream, mostly for performance and SEO. But this came at a cost.
- You had to fetch everything before you could show anything (fetch data for the entire app and send the HTML)
- You had to load everything before you could hydrate anything (On the client, load the JavaScript for the entire app)
- You had to hydrate everything before you could interact with anything (Add JavaScript to all pre-built HTML on the server)
The main problem was that all of these steps had to be done before each other so the next step could start. This was not efficient. Why did the user have to wait for everything to load just to click on a button in the sidebar?
Press enter or click to view image in full size