React Training

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.

Course Content

Overview

• What is React?

• What problems react solves?

• What is Redux?

• What problems Redux solves?

ES2015

• 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

Redux-store

• 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