Bbatch

2) applying external css to components Style2.css ********** .c1{ color:"red"; } Style2.jsx ********** import "./Style2.css"; ----- ----- ----- <p className="c1">Sathya Technologies</p> ------ ------ ------

applying the styles to components ********************************* 1) applying inline css style attribute used to apply the inline css Ex.

Sathya

1) npm create vite@latest 2) cd projectname 3) npm install 4) npm run dev 5) press "o" directory structure/folder structure ************************************ 1)node_modules node_modules containes "libraries" and these libraries are used to "create and execute" react applications below command used to install the node_modules > npm install 2) public/vite.svg vite.svg is the default logo of "vite" svg stands for "scalar vector graphics" svg used to display "2D and 3D Images" svg images have "more clarity" we will use svg images in "gaming application" development svg images "consumes" more memory 3) src/assets it is used to deploy the static resources react.svg is the default logo of reactjs Ex. images text files xml files json files --- --- --- 4) src/App.jsx App.css App component is the default component in React application App.css file is the default style sheet for App component 5) src/index.css this style sheet we can call global style sheet this css applicable to all components in react application 6) src/main.jsx this file acting as registration file this file used to register the components this file will render our component to index.html file containes whose id is "root" 7) index.html this page is the main page in react application, react library starts the execution for index.html file, and it containes tag whose id is "root" 8) package.json it containes libraries information with versions 9) package-lock.json it will restrict the "versions of dependencies" while installing 10) vite.config.js this file is configuration file of vite software

Dear students tomorrow.net drive is there at 9am