Vite - React.js Template’s Structure
Top-level folders
| Folder | Description |
|---|---|
| public | Static assets storage |
| src | Application source folder |
Src folders
| Files | Description |
|---|---|
| assets | Project’s assets |
| components | Your React components |
| hooks | Custome React hooks |
| libs | Helpers or Ultilities |
| routes | Tanstack router’s routes |
| styles | CSS files |
| main.tsx | React Application main file |
| routeTree.gen.ts | Generated route tree |
Top-level files
| Files | Description |
|---|---|
| vite.config.ts | Configuration for Vite |
tsconfig.ts | Configuration for Typescript |
| package.json | Project dependencies and scripts |
| .env | Environment variables |
| .gitignore | Files and folders should be ignored by Git |
| tailwind.config.ts | Configuration for TailwindCSS |
| .eslint.json | Configuration for ESLint |
| README.md | Project’s information |
| vitest.config.ts | Configuration for Vitest |
