-
What's New with Server-Side Rendering in React 16
https://hackernoon.com/whats-new-with-server-side-rendering-in-react-16-9b0d78585d67
Sasha Aickin, who wrote most of React 16's new SSR implementation, gives a very detailed look at how the implementation and behavior have changed. -
React for Beginers: Creating an Isomorphic React App
https://medium.com/codingbox/react-for-beginners-creating-isomorphic-react-redux-app-and-deploying-it-on-heroku-6a313f8f3693
An in-depth article describing an isomorphic project configuration and deployment -
React.js: Server side rendering
http://crypt.codemancers.com/posts/2016-09-16-react-server-side-rendering/
An example of setting up server rendering using React-Router and Express -
ReactJS: Server side rendering with router v4 and redux
http://crypt.codemancers.com/posts/2017-06-03-reactjs-server-side-rendering-with-router-v4-and-redux/
A follow-up to the previous post that shows how to implement SSR using React-Router v4 instead of v3, and includes use of Redux as well. -
Build a Universal Javascript App
https://www.packtpub.com/books/content/build-universal-javascript-app-part-1
https://www.packtpub.com/books/content/build-universal-javascript-app-part-2
A tutorial that discusses some benefits of building a universal app, and walks through building an app with Express, React, and React Router. -
React is gaining ground as a universal server side templating system
https://medium.com/@velmu/react-is-gaining-ground-as-a-universal-server-side-templating-system-26fe02eebe12
Some thoughts on using React as a template rendering engine, integrated into various server-side language stacks. -
Server Side React
https://remysharp.com/2016/12/07/server-side-react
A well-written article detailing lessons learned trying to use React to render on the server, including tools used, bumps in the road and links to further resources -
Universal React Rendering: How We Rebuilt SitePoint
https://www.sitepoint.com/universal-react-rendering-sitepoint/
The SitePoint team explains how they added server-rendered React content into their existing Wordpress application -
React on the Server for Beginners: Build a Universal React and Node App
https://scotch.io/tutorials/react-on-the-server-for-beginners-build-a-universal-react-and-node-app
Details building a React app that renders on both the client and the server -
Going Isomorphic with Python and React
https://dev.to/__amol__/going-isomorphic-with-python-and-react
A look at how to use DukPy and React together to write an isomorphic web application with Python without even installing Node.js. -
Server side rendering with React, React Router v4, React Helmet, and CSS Modules
https://blog.digitalkwarts.com/server-side-rendering-with-reactjs-react-router-v4-react-helmet-and-css-modules/
A detailed tutorial demonstrating how to set up a production-ready SSR application -
Code Cracked for Code Splitting + SSR in Reactlandia: React Loadable + Webpack Flush Chunks
https://hackernoon.com/code-cracked-for-code-splitting-ssr-in-reactlandia-react-loadable-webpack-flush-chunks-and-1a6b0112a8b8
Describes some of the problems involved in properly implementing both SSR and code-splitting, and how a combination of libraries seems to help solve those problems. -
Server-Side React Rendering
https://css-tricks.com/server-side-react-rendering/
A good tutorial that walks through the basic setup needed to start rendering React components into HTML in an Express server. -
Server-Render like a Pro /w Redux-First Router in 10 steps
https://medium.com/faceyspacey/server-render-like-a-pro-w-redux-first-router-in-10-steps-b27dd93859de
A walkthrough for using the author's Redux-First Router library for managing SSR, including setting up Webpack configs. -
Introducing Second: a framework for mostly-static React applications
https://wildlyinaccurate.com/introducing-second-a-framework-for-mostly-static-react-applications/
Describes a new library for rendering static sites with React, with the ability to opt-in to "dehydrating" certain components on the client to make them interactive. -
Simple declarative Redux state with React Router 4 server side rendering
https://medium.com/@AlexFaunt/satisfying-your-apps-state-343118b0730d
Demonstrates using a combination of React-Router 4 and a custom promise middleware to manage async data handling in an SSR React+Redux application. -
Server-side rendering with create-react-app
https://medium.com/@cereallarceny/server-side-rendering-with-create-react-app-fiber-react-router-v4-helmet-redux-and-thunk-275cb25ca972
Demonstrates how to set up server-side-rendering with a standard CRA project to allow proper meta tags to be added without having to eject. Includes sample code for creating an Express app that does the work. -
React SSR
https://blog.eleven-labs.com/en/react-ssr/
A step-by-step guide to setting up an SSR React app from scratch, including use of Redux. -
Case study of SSR with React in a large e-commerce app
http://blog.jakoblind.no/case-study-of-ssr-with-react-in-a-large-e-commerce-app/
A set of tips and lessons learned from implementing SSR in an existing React app over the course of several years, including some concrete implementation details. -
Scaling React Server-Side Rendering
http://arkwright.github.io/scaling-react-server-side-rendering.html
A long, detailed look at how a team implemented React+Redux SSR on top of an existing monolithic application. Includes discussion of many real-world issues experienced, such as load balancing and component caching. -
Making CRA apps work with SSR
https://medium.com/@zhirzh/making-cra-apps-work-with-ssr-part-1-8f5f813d510b
https://medium.com/@zhirzh/making-cra-apps-work-with-ssr-part-2-fb871868216e
https://medium.com/@zhirzh/making-cra-apps-work-with-ssr-part-3-199d70b4cbe5
A series of posts that shows how to add SSR to an ejected CRA app, including use of Redux and React-Router. -
You might (not) need a Server Side Rendering Framework
https://adrienharnay.me/you-might-not-need-a-server-side-rendering-framework/
Discusses building a home-grown SSR setup using Webpack, rather than reusing something like Next.js. -
Server-side rendering React apps
https://hph.is/coding/server-side-rendering-react
A friendly introduction to setting up a basic SSR React 16 app from scratch, including simple rendering of HTML, addition of Webpack and Babel, and use of React-Router. -
Using React and Next.js to build a PWA
https://aerolab.co/blog/react-nextjs-pwa/
Shows how to build a Hacker News app using the Next.js SSR platform -
The simple guide to server-side rendering React with styled-components
https://medium.com/styled-components/the-simple-guide-to-server-side-rendering-react-with-styled-components-d31c6b2b8fbf
A short walkthrough that sets up a basic React SSR app, and adds the styled-components library for styling -
How I spent my Christmas enabling SSR
https://medium.com/@tabu_craig/how-i-spent-my-christmas-enabling-ssr-5bacfc686032
A recap of how a team set up SSR for their existing React+Redux+Redux-Saga application, with the major changes they implemented -
"Server-Side Rendering - Not Worth It?"
https://www.reddit.com/r/reactjs/comments/7o6oj6/serverside_rendering_not_worth_it/
An extended Reddit discussion on the pros, cons, and techniques for SSR with React -
Upgrading a create-react-app project to a SSR + code splitting setup
https://medium.com/bucharestjs/upgrading-a-create-react-app-project-to-a-ssr-code-splitting-setup-9da57df2040a
Walks through the process of setting up server-side rendering with Express, adding code splitting with the react-loadable library, and naming chunks with Webpack.