react-server-rendering.md

React Server Rendering

• 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.