Project Structure

node_modules: all third-party libraries like React and other tools are installed.
public: public assets of website like images, videos
src: source code of app
- app.tsx: app component
- main.tsx: entry point to app
index.html: starting page. contains div with the ID of root that is the container for our application. Script element referencing main.tsx which is the entry point to our application.
package.json: contains information about the project
- devDependencies: Used only for development, they're not going to be deployed with the application
tsconfig.json: typescript configuration. Contains bunch of settings for telling the TypeScript compiler how to compile our code to JavaScript.
vite.config.ts: vite configuration

React 18