https://github.com/midudev/react-rendering-strategies
Improve your React ⚛️ app performance by using Dynamic Rendering, Progressive Rendering or Static Rendering
https://github.com/midudev/react-rendering-strategies
client-side-rendering dynamic-rendering partyal-hydration react server-side-rendering ssr static-content
Last synced: about 1 month ago
JSON representation
Improve your React ⚛️ app performance by using Dynamic Rendering, Progressive Rendering or Static Rendering
- Host: GitHub
- URL: https://github.com/midudev/react-rendering-strategies
- Owner: midudev
- Created: 2019-06-05T17:55:31.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-10-25T09:40:46.000Z (over 1 year ago)
- Last Synced: 2025-03-31T04:06:53.667Z (about 2 months ago)
- Topics: client-side-rendering, dynamic-rendering, partyal-hydration, react, server-side-rendering, ssr, static-content
- Language: JavaScript
- Homepage: https://react-rendering.midudev.now.sh/
- Size: 447 KB
- Stars: 329
- Watchers: 3
- Forks: 23
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ⚛️ 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](https://slides.com/miguelangeldurangarcia/react-rendering-strategies#)
[Video](https://www.youtube.com/watch?v=v7ql02xHRtg&feature=youtu.be)
## 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.