node set up

 ==

codesand box is not used for porfessional projects

==

install node js

create a new project

build a project

===

node -v

16.13.0 or some other version

what wer the usestate functions

 =

state is like a variabvle in react

it is used to store data that changes over time

whenever state changes, react automatically update content on the screen

===

===

in the translate 

three steps 

one step take input from user

process that input 

shown result

how the translation happens

using google translate api

this translation will ping google api once response got i twill return that respons e

How does react project starts

 in react project 

all projects bundled into a single file and then placed into server

npm run build

app.js, index.js, filed.js translate.js ==> bundle.js 

also called as app.bunlde its called some identifier.js

every react project is meant to develop html 

server request , in response it load html page and taht will be showin in ui

if need links or some other omponnetn 

that hetml page tells fetch from server 

so the browser send a second request to server 

and give thebundle file to browser

public /index.html

src/index.js 

index.html id ==root

in index.js id == root

which ide is related that id onl y it wille xecutes

index.js 

i tis the first file executed in react

===

bundle.js

====

when index.html started loaded on the browser

inside the bundele it has index,hs

index.html root had indcated in bundle,js root

bundle.js telling it has root id , we have to access root id in index.html