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

videocam_off

Technical level

Intermediate

Section

Workshop

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +5

Abstract

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

Outline

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.

Requirements

Laptop

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.

https://www.linkedin.com/in/agrawall/ a more comprehensive profile

Comments

  • 1
    Manjula 8 months ago (edited 8 months 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!!

  • 1
    Lokesh Agrawal (@agrawalo) Proposer 8 months ago (edited 8 months 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.

Login with Twitter or Google to leave a comment