A React TypeScript starter project
- Bootstrapped with
Vite
- React & React DOM v18
- Type Checker - TypeScript v4.6.4
- Navigation - React Router Dom v6.4.1
- Lint - ESlint v8, AirBnB config & AirBnB TypeScript config
- Format - Prettier v2.7.1
- Testing - Vitest v3.2.3, React Testing Library v13.4.0 & jsdom v20.0.3
Inside the project directory run using npm
or yarn
:
yarn dev
# or
npm run dev
Entry point main.tsx
.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:4000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Builds the app for production to the dist
folder.\
See the section about deployment for more information.
The vite preview
command will boot up a local static web server that serves the files from dist
at http://localhost:4173. It's an easy way to check if the production build looks OK in your local environment.
You may configure the port of the server by passing the --port
flag as an argument.
{
"scripts": {
"preview": "vite preview --port 8080"
}
}
Now the preview
command will launch the server at http://localhost:8080.
Launches the test runner (Vitest) in the interactive watch mode.\
You can learn more in the Vite.js documentation.
To learn React, check out the React documentation.