0% found this document useful (0 votes)
8 views

React

This is for react login app
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views

React

This is for react login app
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

it is js library which is use to maintaince effective way.

why react
virtual dom
light weighted

npx create-react-app one


cd one
npm start

npm i ajv
npm create vite@latest
cd New
npm install
npm run dev

npm and npx difference


npm it is use with node to install required librabry for projects

npx it allows us directly use libraries which our projects without installing it

react cannot make SEO friendly website.


manifest
that how our website view on mobile.

root.render are us
react will give us power which means by the help of jxs . isx is similer to html.
by the help of jsx created web app.eg

props:-
props makes components reusable
every components has access
props is the property of react

components means we create a file like mine.jsx with proper code.

<button className="outline-none px-4 py-1 rounded-full text-white shadow-lg"


style={{backgroundColor:"blue"}}>blue</button>
<button className="outline-none px-4 py-1 rounded-full text-white shadow-
lg" style={{backgroundColor:"yellow"}}>yellow</button>
<button className="outline-none px-4 py-1 rounded-full text-white shadow-
lg" style={{backgroundColor:"pink"}}>pink</button>
<button className="outline-none px-4 py-1 rounded-full text-white shadow-
lg" style={{backgroundColor:"green"}}>green</button>
<button className="outline-none px-4 py-1 rounded-full text-white shadow-
lg" style={{backgroundColor:"orange"}}>orange</button>

memo is high order function.


that is use to memonazation the components it catches the output of the component
and only props that the change.

use memo:- it is use to optimize function value and object.


callback:- it is use to optimize the function by putting that function in catch
memory.

usereacthook

You might also like