Course Introduction

React is a JavaScript Library and an open source used to create interactive mobile and web applications. It is mostly compared with MVC frameworks like Angular, Ember and Backbone. React emphasizes on the UI of the application. It is a unique approach to provide highly interactive UI is very powerful which has made React popularly. 

Datrix Training provides React Training course to enable delegates to learn step by step the creation of React Applications. At the end of this course, the delegates will have a good understanding of design philosophy of React. The course emphasises on the practical application of React, and this training will be helpful to the web application developers who want to make use of React to enhance their value as well as productivity.


What's Included

Find out what's included in the training programme.

Course Content


  • What is React?
  • What problems react solves?
  • What is Redux?
  • What problems Redux solves?


  • Features of Es2015 which impact Redux and React
  • Variable scoping with let and const
  • Use arrow functions
  • Spread operator
  • Object destructuring
  • Modules and classes
  • Immutable programming
  • js

React-Creating components

  • Create component classes
  • Components
  • Pure components
  • Stateless functions
  • Reference DOM elements

React and JSX

  • Rules of JSX
  • Return JSX
  • Integrate javascript with JSX
  • Conditional returning with JSX
  • Reserved words with JSX

Test react with Mocha

  • Unit testing in general
  • Unit testing with Mocha
  • Introduction to Enzyme
  • Put Mocha and Enzyme together to test react component

Work with states in React

  • Manage state with tree components
  • Start state
  • Update state
  • Work with forms
  • Difference between controlled and uncontrolled components
  • Testing shape
  • Props

Compose components

  • Sibling components
  • Keys
  • Parent components
  • Child components
  • State and props

Event Handlers

  • Class arrow functions
  • Inline arrow functions
  • Via props passing in
  • Value of this
  • Test event handlers

Life-cycle of component

  • Component Did mount
  • Life cycle of testing
  • Update should component
  • Component will receive props
  • Other functions of life-cycle

Rendering server

  • Redux-reducer functions
  • Immutable state
  • Immutable programming
  • Setting up
  • Handling actions
  • Combine reducer functions
  • Test redux


  • Dispatch actions
  • Work with middleware
  • Subscribe components

Redux-Asynchronous operations

  • Asynchronous actions
  • Redux- Saga and Thunk
  • Mock out asynchronous calls for testing

Redux- Connect with React

  • Connector and provider API
  • React-Redux
  • Test fully integrated React-Redux application

React router

  • Why do u need router
  • Work with react router
  • Reading parameters via router
  • Manipulate routes
  • Merge Redux with React Router

React Native

  • What is React native?
  • Benefits of React Native
  • Configuration of React Native
  • Best practices for reacting native
  • Native-ified application of react

Delivery Methods


React Training Enquiry

Enquire Now

----- OR -------

Reach us at 44 161 768 4797 or for more information.


What is the experience of the instructor(s) delivering my course?

All of our instructors at Datrix are accredited and have over ten years of experience worldwide.

What time shall I arrive at the venue?

Please arrive at the venue for 08:45am.

How can I find more information?

If you would like to know any more information about our courses, please contact us on 0800 781 0626 or send us an e-mail on