midudev / React Rendering Strategies
Improve your React ⚛️ app performance by using Dynamic Rendering, Progressive Rendering or Static Rendering
Stars: ✭ 217
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Rendering Strategies
React Async Bootstrapper
Execute a bootstrap method on your React/Preact components. Useful for data prefetching and other activities.
Stars: ✭ 113 (-47.93%)
Mutual labels: ssr, server-side-rendering
Rendora
dynamic server-side rendering using headless Chrome to effortlessly solve the SEO problem for modern javascript websites
Stars: ✭ 1,853 (+753.92%)
Mutual labels: ssr, server-side-rendering
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: ✭ 117 (-46.08%)
Mutual labels: ssr, server-side-rendering
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+500%)
Mutual labels: ssr, server-side-rendering
Blog Frontend Project
Web frontend code for my blogs, develop with Vue.
Stars: ✭ 206 (-5.07%)
Mutual labels: ssr, server-side-rendering
Hyperapp Render
Render Hyperapp to an HTML string with SSR and Node.js streaming support.
Stars: ✭ 93 (-57.14%)
Mutual labels: ssr, server-side-rendering
Surmon.me
🆒 My personal website and blog, powered by @vuejs (3)
Stars: ✭ 1,767 (+714.29%)
Mutual labels: ssr, server-side-rendering
Rpg Boilerplate
Relay (React), Postgres, and Graphile (GraphQL): A Modern Frontend and API Boilerplate
Stars: ✭ 62 (-71.43%)
Mutual labels: ssr, server-side-rendering
React Core Boilerplate
Powerful ASP.NET Core 3 templates with React, true server-side rendering and Docker support
Stars: ✭ 169 (-22.12%)
Mutual labels: ssr, server-side-rendering
React Jobs
Asynchronously resolve data for your components, with support for server side rendering.
Stars: ✭ 167 (-23.04%)
Mutual labels: ssr, server-side-rendering
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-60.37%)
Mutual labels: ssr, server-side-rendering
React Ssr Boilerplate
Boilerplate for React apps with routing, code splitting, & server side rendering
Stars: ✭ 183 (-15.67%)
Mutual labels: ssr, server-side-rendering
Mern
🎉 This is boilerplate for MERN stack with integrations like Redux and SSR 🎉
Stars: ✭ 77 (-64.52%)
Mutual labels: ssr, server-side-rendering
Coren
React offline server-rendered framework
Stars: ✭ 102 (-53%)
Mutual labels: ssr, server-side-rendering
React Universal Boiler
A bold way to begin your next great universal React application. Uses Webpack 3, React 16, Redux, and more for a great developer experience.
Stars: ✭ 65 (-70.05%)
Mutual labels: ssr, server-side-rendering
Universal Router
A simple middleware-style router for isomorphic JavaScript web apps
Stars: ✭ 1,598 (+636.41%)
Mutual labels: ssr, server-side-rendering
React Use Api
Async HTTP request data for axios. Designed for diverse UI states, SSR and data pre-caching.
Stars: ✭ 49 (-77.42%)
Mutual labels: ssr, server-side-rendering
Ssr Window
Better handling for window object in SSR environment
Stars: ✭ 55 (-74.65%)
Mutual labels: ssr, server-side-rendering
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+744.7%)
Mutual labels: ssr, server-side-rendering
Mmf Blog Vue2 Ssr
mmf-blog-vue2 ssr(The service side rendering)
Stars: ✭ 174 (-19.82%)
Mutual labels: ssr, server-side-rendering
⚛️ React rendering strategies
Different strategies to render React applications in order to get the best performance while keeping SEO, Developer Experience and User Experience.
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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].