Best ReactJS Training Institute in Delhi NCR

MODULE-2 SET UP REACT JS ENVIRONMENT

• What is CLI: create-react-app project name
• Advantage using CLI
• How to debug React JS application.
• Installation CLI
• Install Node JS
• Install React JS
• Installation CLI
• Create a hello world example
• Create React JS Project
• Understanding of Folder Structure
• How to debug React JS application
• Introduction of Babel

MODULE-3 BASIC FEATURES OF REACTJS AND COMPONENTS

• React Concepts
• JSX
• Render Elements
• Types of Components
• Class Components
• Life Cycle Method of Class components
• Functional Components
• HOOKS in detail
• Use of HOOK
• What is state
• React Forms
• Components and Props
• State and Lifecycle Handling Events
• Practice on above topics

MODULE-4 ROUTING WITH REACT ROUTER

• Setting Up React router
• Install/ Uninstall React router
• React Router Version 5
• React router Version 6
• Setting up react router
• Understand routing in single page applications
• Working with Browser Router components
• Configuring route with Route component
• Making routes dynamic using Route params
• Working with nested routes
• Navigating to pages using Link and Nav Link Component
• Redirect routes using Redirect Component

MODULE-5 KEY FEATURES OF REACTJS

• Conditional Rendering
• Lists and Keys
• Forms

MODULE-6 EVENT HANDLING IN REACT

• Understanding React event system
• Passing arguments to event handlers

MODULE-7 WORKING WITH FORMS

• Controlled components
• Understand the significance to default Value
• Prop
• Using react ref prop to get access to DOM element

MODULE-8 INTRODUCTION TO REDUX

• What is React Redux
• Why React Redux
• Redux Install and setup
• Actions
• Reducers
• Store
• High Order Component
• Understanding map State To Props and map Dispatch To Props Usage

MODULE-9 REDUX ADVANCED

• Async Actions
• Middleware
• What is redux saga
• Install and set up redux saga
• Working with Saga helpers (Crud Operation)
• Sagas vs Promises

MODULE-10 REACT WITH DESIGN FRAMEWORK

• Material UI for design
• Formik Validation

MODULE- 11 REACT API’S

• Introduction https Request
• Introduction Axios NPM
• Introduction Slider NPM
• Integration of any NPM modules
• Introduction of Google Map NPM