Skip to content

Latest commit

 

History

History
16 lines (11 loc) · 992 Bytes

README.md

File metadata and controls

16 lines (11 loc) · 992 Bytes

⚛️ React rendering strategies

Different strategies to render React applications in order to get the best performance while keeping SEO, Developer Experience and User Experience.

Slides Video

Static Content 📸

Server Side Rendering for a component and skip the hydration step on the client. Useful for components that don't need to use interactivity (like SEO links).

Progressive Hydration 🏁

Server Side Rendering for a component and skip the hydration step on the client but, as soon as it appears on the viewport, hydrate it. Useful for list of items or components that are not visible on the viewport but yet you need to render them for SEO.

Dynamic Rendering 🔀

If your visitor is a bot, like GoogleBot or Yandex, use Server Side Rendering and Client Side Rendering. If your visitor is a real user, use Client Side Rendering.