➢ React JS Introduction

➢ Advantages of React JS

➢ Work flow of React JS

➢ Scope of React JS

➢ 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?

➢ 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.

Real-time Practicals

• NPM Installation by locally and Globally
• Create a Basic App with React JS and other Supported NPM

➢ 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.

Real-time Practicals

• Create a Small React Module
• Use All the states in in the created Application.

➢ 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

Real-time Practicals

• Create a React Form.
• Client-side form validation.
• Applying form components.
• Submit and Rest the form.

➢ Initial Render

➢ Props Change

➢ Stage Change

➢ Component willMount

➢ Component didMount

➢ Component Unmount

Real-time Practicals

• Applying Different Lifecylces in the Application.
• When to choose Appropriate lifecycles.

➢ 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.

Real-time Practicals

• Create a Single Page Application.
• Applying Routing.
• Dynamically render the components based on the url..