React JS Training in Noida

React JS

React JS is the popular JavaScript Library. React is used to handle view layer of web application and Mobile Apps. React was developed and maintained by Facebook. React can create reusable UI Components.

React JS Course

Tech Altum React JS Course is started with introduction of JavaScript first. JavaScript ES6 is required to learn ReactJS.

Prerequisites for React JS Training

• HTML5
• CSS3
• JavaScript ES6, ES7

React JS Course Content

React JS course starts with JavaScript ES6 Introduction.

JavaScript ES6

• JavaScript Let and Const
• Arrow Functions
• Classes
• Data Structure
• Modules
• Package Manager (NPM and Node)

Basic React Application Setup

• Installing Node JS
• Create React App using create-react-app CLI.
• Explain Application Structure.
• Exports and Imports
• Understanding of Classes

React Basic

• Working with Styles
• Pseudo Selectors
• Media Queries
• Setting Styles Dynamically
• Define Multiple components
• Debugging React App

State/pros

• Define State into Components
• Component state manipulation using setState()
• Work with Props for component communication.
• Setup PropTypes & Validation
• Use Typescript in React App.
• Use of Refs and Context

Components

• Class Component
• Split an app into components
• Stateless and State-full Components
• Components Life Cycle
• Update App and Component Tree
• React DOM
• React+

• High Order Components
• Starting Implementation of the app
• Improving the app - Intro
• Reaching out of web - Http/Ajax
• Single Page App Routing

Redux

• Introduction of Redux.
• Understanding the Redux Flow
• Understanding of Global State in Redux.
• Setting Up Reducer and Store
• Define dispatch Actions
• Connecting React App to Redux by Provider.
• Use of connect() into React Component
• Connect: Extracting Data with mapStateToProps()
• Connect: Dispatching Actions with mapDispatchToProps()
• Define Action types.
• Define Switch-Case in the Reducer.
• Combining Multiple Reducers.
• Work with local state and Redux state.

Redux Thunk

• Introduction of redux-thunk
• Adding Middleware as thunk
• Create Action creators (async actions)
• Work with bindActionCreators().
• Work with Async/await
• Work with below Hooks.
• useSelector()
• useDispatch()
• useStore()
• Work with dispatch and getState()

React Saga

• Introduction of redux-saga
• Adding Saga as middleware.
• Introduction of Generator functions.
• Create Effects using functions (call, put, takeEvery, takeLatest)
• Creating saga from Action creators.
• Sagas can yield Effects in multiple forms
• Dispatching actions to the store
• Task cancellation (yield cancel(task))

• Redux Practice
• Executing Asynchronous Code - Intro

React Debugging

• Debugging React App
• Find logical errors by debug tools
• React Developer Tools
• Using Error Boundaries

• Duration: 3 Months
• Upcoming Demo

Book free Demo