React

What is React

React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript library for building user interfaces based on components. It is maintained by Meta (formerly Facebook) and a community of individual developers and companies. A key advantage of React is that it only rerenders those parts of the page that have changed, avoiding unnecessary rerendering of unchanged DOM elements.

JavaScript extension more often JSX

JSX, or JavaScript Syntax Extension, is an extension to the JavaScript language syntax. Similar in appearance to HTML, JSX provides a way to structure component rendering using syntax familiar to many developers. React components are typically written using JSX, although they do not have to be (components may also be written in pure JavaScript).

JSX is similar to another extension syntax created by Facebook for PHP called XHP.

Modules of the Course

Module: 1

Introduction

Development and Types
Front Vs Backend Development
Library Vs Framework
Dom Vs Vdom
React & Its Features
How to Install
Page Directory

Module: 2

Jsx and Components

Basic Program Demo Understanding
Jsx and Its Rule
Components and Types
Demo
Import and Export Need
Fragments

Module: 3

Hooks

Def
When to Use
Different Kind of Hook
Demo of Every Hook
How to Create Our Own Hook

Module: 4

Useeffect Hook

Def
When and How to Use
Demo Project

Module: 5

State

Changing State Through Class Using Selectors
Usestate Hook & Explanation
Counter App Using Usestate Hook
Demo Projects Regarding to Do App and Contact Manager (How to Handle Multiple Input)

Module: 6

Memo

Introduction and How to Use
When to Use
Demo & Usememo

Module: 7

Important Concept of Javascript

Variables
Array Function
Ternary Operator
Spread Operator
Destructuring
Maps Method

Module: 8

Props and State

Previously Topic Demo
Props
Functional and Class Component
Props Related Project

Module: 9

Adding Bootstrap

Demo Projects or Style to Do App
Add Styling to Different Projects

Module: 10

Life Cycle Methods

Mounting & Updating
Unmounting
Demo Projects

Module: 11

Routing

Def
When to Use
Illustrations

Module: 12

Conditional Rendering & Demo

Types of Conditional Rendering
How to Take Input
Convertor App

Module: 13

Project Illustrations

Discussion of Different Projects
How to Create Web Page
Who to Use React in an Efficient Manner

What is React

Take 2-Days of Free Demo Classes!