ReactFoo Hyderabad

On React, alternatives to React, ReactNative and front-end engineering


Server side rendering with React and Redux

Submitted by Lokesh Agrawal (@agrawalo) on Thursday, 25 January 2018

Section: Workshop Technical level: Intermediate


Build React, Redux, and React Router app using Server Side Rendering (SSR), Isomorphic, and Universal JS techniques


Note: This course assumes you’ve got the basics of React, Redux, and Express.

Go beyond the basics of React and Redux! This workshop will teach you to combine the ultra-popular React v16, Redux, React Router, and Express technologies to build a server-side-rendered web application.

In this workshop we’ll build one application that profiles the challenges of server side rendering with React, Redux, React Router, and Express. By putting each concept into a real app, you’ll get a better idea of when to use each unique and powerful feature.



Speaker bio

Close to 5 years of experience in developing highly-available, scalable and distributed systems in the eCommerce space. Created several web and mobile applications using react and redux. a more comprehensive profile


  • Manjula a year ago (edited a year ago)

    hey @Lokesh Its a nice topic for advanced level. Audience will enjoy this topic :)

    I have few questions.

    What would be the format for workshop? Will it be Adding a server-side rendering support for an existing React application which will also give them an idea of why SSR? & Why move from Non SSR TO SSR ?

    Are you covering react-universal-component?

    Would you also cover the advantages after moving to ssr? Like(SEO,Peformance, page load time)

    Also it would be good if you have well formatted structure on hr basis of what you actually trying to cover in 6hrs. That would give the fair idea about the structure.

    The topic seems really nice if all of the above is taken care!!

  • Lokesh Agrawal (@agrawalo) Proposer a year ago (edited a year ago)

    Here’s what will be the takeaway for the audience:

    • Learn the architectural considerations of building a server side rendered app.

    • Connect a Webpack-powered frontend and backend app together.

    • Communicate data from your server to client using Redux initial state to your React application.

    • Secure your application from common XSS attacks caused by state rehydration.

    • Understand how to route user requests on the front end with React Router and on the backend with Express.

    • Handle errors and redirects properly that occur during the server rendering process.

    • Authenticate your users with cookie-based authentication during the server rendering phase.

    • Understand why JWT’s are not appropriate for use in a server rendered app.

    • Enhance authentication flows in your app with Google OAuth authentication.

    Who is the target audience?

    • Engineers looking to build new apps with server side rendering.

    • Engineers who wants to understand the challenges of Isomorphic Javascript.

  • henry dsouza (@jazz23) a month ago

    this is so easy now to run as administrator in windows 10 at online.

Login with Twitter or Google to leave a comment