This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

*******steps involved in installing bootsrap ******* https://getbootstrap.com/ bootsrap website

Install via package manager Install Bootstrap’s source Sass and JavaScript files via npm, RubyGems, Composer, or Meteor. Package managed installs don’t include documentation or our full build scripts. You can also use any demo from our Examples repo to quickly jumpstart Bootstrap projects.

npm install [email protected] Include via CDN When you only need to include Bootstrap’s compiled CSS or JS, you can use jsDelivr. See it in action with our simple quick start, or browse the examples to jumpstart your next project. You can also choose to include Popper and our JS separately.

******* installing react *********

https://vitejs.dev/guide/

Compatibility Note

Vite requires Node.js version 18+. 20+. However, some templates require a higher Node.js version to work, please upgrade if your package manager warns about it.

npm create vite@latest

npm create vite@latest my-vue-app -- --template vue

npm i react-router-dom use this command to install react router dom packages to perform router functions npx degit user/project#main my-project cd my-project

npm install npm run dev

use context Api to avoid props drilling we can avoid it by using context here to to demonstrate this context Api is used to fetch different functions in one place using special props called [children]

1 create context provider 2 use context provider 3 value is used to provide output to fetch data http://localhost:5173 to view the output in the browser