REACT JS

Home
Courses
React Js

Description
Curriculum

Course Details

React is an open-source JavaScript framework for creating reusable UI.

One can get familiar with React Introduction, Templating using JSX, Components, Working with state and props, Rendering lists, event system, lifecycle and handling errors, Context, Code-Splitting, Hooks, Routing with react router, Just Redux, Immutable.js, React Redux, Redux middleware, Unit Testing, Webpack Primer and Isomorphic React.

We provide the best React JS Training in Chennai with placement support. Complete React JS Certification training course in 45 days.

Lessons 1: Introduction to React

What is React?
Why React?
React version history
React 16 vs React 15

Just React – Hello World
Anatomy of react project
Running the app
Debugging first react app

Lessons 2: Templating using JSX

Working with React. createElement
Expressions
Using logical operators

Specifying attributes
Specifying children
Fragments.

Lessons 3: About Components

Significance of component architecture
Types of components
Functional

Class based
Pure
Component Composition

Lessons 4: Working with state and props

What is state and it significance
Read state and set state
Passing data to component using props

Validating props using propTypes
Supplying default values to props using defaultProps

Lessons 5: Rendering lists

Using react key prop

Using map function to iterate on arrays to generate elements

Lessons 6: Event handling in React

Understanding React event system
Understanding Synthetic event

Passing arguments to event handlers

Lessons 7: Understanding component lifecycle and handling errors

Understand the lifecycle methods

Handle errors using error boundaries

Lessons 8: Working with forms

Controlled components
Uncontrolled components
Understand the significance to default Value prop

Using react ref prop to get access to DOM element

Lessons 9: Understanding component lifecycle and handling errors

What is context
When to use context
When to use context

Context.Provider
Context.Consumer
Reading context in class

Lessons 10: Code-Splitting

What is code splitting
Why do you need code splitting
React.lazy

Suspense
Route-based code splitting

Lessons 11: Hooks

What are hooks
Why do you need hooks
Different types of hooks

Using state and effect hooks
Rules of hooks

Lessons 12: Routing with react router

Setting up react router
Understand routing in single page applications
Working with BrowserRouter and HashRouter components
Configuring route with Route component
Using Switch component to define routing rules
Making routes dynamic using route params

Working with nested routes
Navigating to pages using Link and NavLink component
Redirect routes using Redirect Component
Using Prompt component to get consent of user for navigation
Path less Route to handle failed matches

Lessons 13: Just Redux

What is redux
Why redux
Redux principles

Install and setup redux
Creating actions, reducer and store

Lessons 14: Immutable.js

What is Immutable.js?
Immutable collections
Lists

Maps
Sets

Lessons 15: React Redux

What is React Redux
Why React Redux
Install and setup

Presentational vs Container components
Understand high order component
Understanding mapStateToProps and mapDispatchtToProps usage

Lessons 16: Redux middleware

Why redux middleware
Available redux middleware choices
What is redux saga

Install and setup redux saga
Working with Saga helpers
Sagas vs promises

Lessons 17: Unit Testing

Understand the significance of unit testing
Understand unit testing jargon and tools

Unit testing react components with Jest
Unit testing react components with enzyme

Lessons 18: Webpack Primer

What is webpack
Why webpack
Install and setup webpack
Working with webpack configuration file

Working with loaders
Working with plugins
Setting up Hot Module Replacement

Lessons 19: Webpack Primer

What is server-side rendering (SSR)?
Why SSR

Working with render To String and render To StaticM arkup methods

Reviews

CLIENTS