Learn React Js Online

React JS Training with Placement

Course Content:

Overview:

• What is React? What problem does it solve?
• What is Redux? What problem does it solve?

ES2015:

• ES2015 features which impact React and Redux
• Variable scoping with const and let
• Using arrow functions
• Spread operator
• Object destructuring
• Classes and modules
• Immutable Programming and Immutable.js

React - Creating Components

• Creating Component Classes
• Components vs. Pure Components
• Stateless Functions
• Referencing DOM Elements

React and JSX

• Rules of JSX
• Returning JSX
• Integrating JavaScript with JSX
• Reserved words with JSX
• Conditionally returning JSX

Testing React with Mocha:

• Unit testing in general
• Unit testing with Mocha
• Introduction to Enzyme
• Putting Enzyme and Mocha together to test a React component

React - Working with State:

• Managing State within a Tree Components
• Initializing State
• Updating State
• Working with Forms
• Controlled vs. Uncontrolled Components
• Testing state and props

Composing Components:

• Sibling Components and Keys
• Parent and Child Components
• Props and State

Event Handlers:

• Bind and Value of "this"
• Class Arrow Functions
• Inline Arrow Functions
• Passing in via props
• Testing event handlers
• Component Life-Cycle:
• ComponentDidMount
• ShouldComponentUpdate
• ComponentWillReceiveProps
• And other life-cycle functions
• Testing life-cycle

Server Rendering:

• Redux - Reducer Functions
• Immutable Programming and State
• Setting up and Handling Actions
• Combining Reducer Functions
• Testing Redux

Redux - Store:

• Dispatching Actions
• Subscribing Components
• Working with Middleware
• Using Sinon to mock out stores and data

Redux - Asynchronous Operations:

• Asynchronous Actions
• Redux-Thunk
• Redux-Saga
• Mocking out asynchronous calls for testing

Redux - Connecting to React:

• React-Redux
• Connect API
• Provider API
• Testing a fully integrated React-Redux application

React Router:

• Why do we need the router?
• Working with react router
• Reading parameters via the router
• Manipulating routes
• Integrating React Router with Redux

React Native:

• Introduction to React Native
• React Native as a platform
• Benefits
• Best practices
• Configuring React Native
• A Native-ified React application