WHAT IS REACT JS?

➢ React JS Introduction
➢ Advantages of React JS
➢ Work flow of React JS
➢ Scope of React JS

OVERVIEW OF JSX

➢ Introduction of Virtual DOM.
➢ Difference between JS and JSX.
➢ React Components overview
➢ Containers and components
➢ What is Child Components?
➢ What is Namespaced components?
➢ What are the JavaScript expressions available in JSX?

REACT JS ENVIRONMENT SETUPS

➢ Node setup
➢ How to use NPM?
➢ How to create package.json and purpose of it?
➢ ES6 Introduction and features

Webpack Overview

➢ Best IDE for React JS and How to write optimized code in React JS?
➢ React JS browser plugins overview.

A REAL-TIME APPLICATION BY USING REACT JS

➢ Create a React component with JSX template.
➢ How to create Nested Components?
➢ What is React JS render?
➢ React Props overview.
➢ Introduction of Props validation with data types.
➢ Flow of States, Initialize states and update states.

REACT JS FORMS AND UI

➢ Lists of Form components.
➢ Setup Controlled and Uncontrolled form components.
➢ Control Input elements.
➢ How to set default values on all formats of Input elements.
➢ React JS Form validations.
➢ How to write Styles?
➢ Animations overview

REACT JS COMPONENT LIFE CYCLES OVERVIEW

➢ Initial Render
➢ Props Change
➢ Stage Change
➢ Component willMount
➢ Component didMount
➢ Component Unmoun

ROUTING IN REACT JS AND OTHER JS CONCEPTS

➢ Single Page Application Overview.
➢ How to configure React Router?
➢ History of Router
➢ How to Handle Conditional statement in JSX?
➢ IIFE in JSX for complex logic overview.

EVENT HANDLING IN JSX

➢ onBlur, onKeyUp, onChange and other useful primary events in React JS.
➢ How to Sharing events between the components?
: FLUX , REDUX OVERVIEW
➢ What is Flux Architecture?
➢ What are the Flux Components available?
➢ Stores.
➢ Dispatchers.
➢ View Controllers.
➢ Actions.
➢ Views
➢ How Flux works?
➢ Flux and React works together.
➢ Introduction to One Store.
➢ Provider Component
➢ Actions.
➢ Reducers.
➢ sagas
➢ Dispatchers
➢ View Controllers
➢ Selector

REACT SERVER INTEGRATION & DEPLOYMENT
➢ https
www.credosystemz.com
➢ httpster
➢ npm

HOOKS

➢ Understanding Hooks
➢ The useState hook
➢ Side effects using the useEffect hook
➢ The useContext hook
➢ The useReducer hook
➢ Writing your own hook

CODE SPLITTING
➢ Code splitting & Suspense
➢ Route Based Code Splitting
➢ Lazy Loading

CURD OPERATION USING REACT