ract tutoral road map

 =

let heading = React.createElement(

'h1', {id: 'bg-blue'}, "this is react"

);

let second = React.createElement(

'p', {id: 'sec'}, "this is second"

);

let wrapper = React.createElement(

'div', {}, [heading,second]

);

let ele = document.getElementById('root');

let react = ReactDOM.createRoot(ele);

react.render(wrapper);

=

it is developed in react

in jsx pacakge no need to like write that 

modules, classes, arrow, functiuons, cl;asees map filter

in previous tutorail 

i mentioned ract is libry because we include cdsn

now we react is framwork

to creat react usng commands

what is jsx 

we wil write  html tags only in js , so react libraries convert to  html

component types 

using funcitons called functional components

functional components, class compoennts

props => transfer data from parent to child

props ( class attributs)

contitional rendering 

rendering => show data in browser

if this conditon is true then only show this 

===

react events

cloick events

input key down

hover

react list 

to display  in cards the fetched api data

4

form handling 

aplication   means 

getting  user data

then proces and send back to user

fragments

without extra div , develop sibling

component life cyscle methods 

to manage tehe state this life cycle and this only can handle class compoentns

react hooks

to manage functional compoents we using react hooks

usestate

usecontext

readux

which data is shareable data and redux is library

global state management 

we need some node js pacakge at our pc

then only we can run raeact app

idms 

vs code editor

atom editor

sub lime

vim editor