BRRFR - Building RIA using React.js, Flux and Redux Training Course


Duration: 4 days
This workshop is aimed at imparting the required knowledge required to build Rich Internet Applications (RIA) using React.js.


At the end of this training course, the participants will:
  • Understand what React.js is and what problem it solves 
  • Explore the basic architecture of a React.js application 
  • Gain a deep knowledge of React.js components and JSX 
  • Build a working application that uses React.js’s components 
  • Learn React.js best practices 
  • Compose an application using Flux architecture 
  • Know how to maintain application state in a Redux Store 
  • Know how to do module bundling using webpack 
  • Use React dev tools


RIA/SPA Basics 

1. Classic Web applications vs Rich Internet applications 
2. Challenges in building Client centric applications 
3. Benefits of RIA Frameworks
4. Where React.js fits in? 
5. Building UI using React.js

  • Introduction
  • Need for React.js 
  • Advantages of Virtual DOM 

6. View Components using JSX 

  • JSX Syntax 
  • Using JSX to create view classes 
  • Creating views without using JSX 

7. Models

  • Advantages of Immutability 

8. Components oComponent Life-Cycle

  • Virtual DOM 
  • Component Events 
  • Using States and Properties 
  • Initializing States from properties 
  • Accessing DOM nodes using refs 
  • Synthetic Events 
  • Component Compositions 
  • Communication Between Components 
  • Reusable Components 

9. Forms

  • Controlled Components 
  • Uncontrolled Components 

10. Unit Testing React.js Components

  • React.js Best Practices 
  • Flux Architecture and Redux 
  • Introduction
  • Overview of Reactive programming 
  • Benefits of Unidirectional data flow 
  • Architecture
  • Building blocks in Flux 
  • Dispatcher 
  • Stores 
  • Action 
  • Views 

11. Dispatcher 

  • The role of dispatcher 
  • Registering callbacks 
  • Triggering Actions 

12. Store 

  • The role of Store 
  • Maintain Application State 
  • Event Broadcasting 

13. Reducer 

  • Creating Reducers 
  • Retrieving State 
  • Combining Reducers 

14. Action Creator

  • Creating Actions 
  • Dispatching actions to the dispatcher 
  • Using Middlewares 
  • Dispatching Async Actions using Thunk middleware 


  • React Components as Views 
  • State Subscribers 
  • Updating data from the store 

16. React-Redux Bindings

  • Binding Components to React Store using "Connect" 
  • Injecting Redux Store using Provider 
  • Using Providers with React Routers 

17. Testing 

  • Overview of Mocha & expect (chai.js) 
  • Organizing Unit tests using Mocha obefore & after setup 
  • Performing assertions using expect 
  • Using Karma.js 
  • Using Jest for mocking dependencies 
  • Testing React components 
  • Testing Stores
  • Summary and Closing Remarks


Web developer who wants to build best-of-breed web UIs with the simplicity and elegance of JavaScript.


  • Web development experience with advanced level of expertise in JavaScript. 
  • Must be familiar with ES6  
  • Exposure to any server technology (J2EE, .NET, Ruby etc)


Trainocate Certificate of Attendance


Show Schedule for: