Rendering Strategies and Page Hydration
Rendering strategies and page hydration approaches allow us to leverage the JavaScript client and server ecosystem to serve performant and scalable web applications, depending on the needs of our end users. The React and JavaScript techniques covered in this chapter are another set of tools to augment the Chapter 4 chapter. We’ll use the strengths of the client (browser) and server (specifically, Node.js) runtimes to deliver fast and scalable React websites to users.
In this chapter, we’ll cover the following topics:
- What the trade-offs are between client and server rendering of React applications by implementing pure client and server rendering applications
- The types of advantages that frameworks such as Next.js can bring with static site generation functionality, alongside server-side rendering
- Bridging the client-server rendering gap with a React page rehydration example and its gotchas
- Streaming server...
