ReactJs

MODULE 1: INTRODUCTION OF JAVASCRIPT

ES 5 AND ES6

•   Basic JavaScript
•   Object Based JavaScript
•   Introduction to ES6
•   JavaScript Helpers (for Each, filter, map,filter, every, some)
•   String Literals
•   DE structuring
•   Rest parameters & spread operator
•   Arrow function
•   Default parameter
•   Class: Inheritance, constructor
•   Promise

MODULE 2: INTRODUCTION TO REACTJS

•   What React JS?
•   Why use React JS?
•   What is Single Page Application?
•   Why SPA?
•   React JS Version
•   REACT DOM
•   REACT VIRTUAL DOM

MODULE 3: 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 4: 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 5: 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 6: KEY FEATURES OF REACTJS

•   Conditional Rendering
•   Lists and Keys
•   Forms

MODULE 7: EVENT HANDLING IN REACT

•   Understanding React event system
•   Passing arguments to event handlers

MODULE 8: WORKING WITH FORMS

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

MODULE 9: 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 10: REDUX ADVANCED

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

MODULE 11: REACT WITH DESIGN FRAMEWORK

•   Material UI for design
•   Formic Validation

MODULE 12: REACT API'S

1.   Introduction https Request
2.   Introduction Axios NPM
3.   Introduction Slider NPM
4.   Integration of any NPM modules
5.   Introduction of Google Map NPM