Building universal Javascript application using React.js and Redux

The idea of headless Drupal has caught its wave and is gaining more and more power. This is because the web is no longer just static pages. Frameworks like Angular.js, Ember.js, and React.js have started a new era of web - single page applications. SPAs significantly moved forward the user experience of applications. However, server rendering and exposing content to search engines (SEO optimizations) are still open problems. React.js is being built with those problems in mind, and today a lot of teams use it to build applications that share the same code for frontend and server rendering. This approach is known as universal or isomorphic JavaScript.

In this session we are going to talk about:

• FLUX approach of building applications
• Redux.js overview
• Overview of tools for isomorphic app: Webpack, Babel.js etc.
• Problems of building an isomorphic application and how to solve them
• How isomorphic app can be used with headless Drupal