Learning React

This is where all the third party libraries and other tools are installed.

This is where the public assets of our project exists like images and so on.

This is where the source code of our application goes.

This is a basic html template with: -> a "div id=root"(This is the container of our application). -> ascript tag with src pointing to the entry point of our application.

This file contains the details of our project like the project name, version, dependencies etc. Dev dependencies are only used for development and are not going to be deployed with our application in future.

This is a typescript configuration file with settings that tell the typescript compiler how to compile our code to javascript.

This is a configuration file for vite.

"ts","tsx" are the typescript file extensions we use quite often where ".ts" is for plain typescript files and ".tsx" is for react components. There are two ways to create a react component (We can use a JavaScript class or a function). Function based components are more concise and easier to use (Recommended approach for new projects).

A component where the state is stored becomes the Context Provider and the component the utilizes this state from the context provider is called the Context Consumer.

You need to add the React router library to achieve the illusion of loading different pages in a React app. importing the react router in a react project as follows: import {BrowserRouter} from 'react-router-dom