* 1. React Components

*

Components are the building blocks of react app

Reusable pieces of UI => components classifications

Class Components

old method and feels heavy syntax difficult to write or read a code

Function Components

modern method and easy method also highly recommended

Replacing class components and reducing a burden of heavy code they introduced function components

function Greeting({name}){ return <h1>Hello,{name}!<h1>;}

2. JSX rules

JSX is a syntax extension lets you write like HTML code in JS

-> Must return a single root element

(able to use only one tag)

-> All tags must be closed

(e.g)

-> Use camelcase for attributes

(e.g) onClick

-> Javascript expressions in curly braces{}

-> NO statement inside JSX

-> Inline style use objects

* 3.Folder Structure of REACT

*

Folder structure is nothing but how we organize for our file looks clean and easy to manage

-> public/

single html page where our entire react app lives

-> src/

Every component,pages,image,style files goes…