Another simple and scalable starter/skeleton project for reactjs projects. This is with Vite.
- Feature/Modular based approach (recommended for scalability)
- Dictionary index files in sub-folders
- First level
components
,hooks
,types
andservices
are for common functions - Module level
components
,hooks
,types
andservices
are for module specific - Module and Component folders/files use PascalCase names
- Other folders/files use camelCase names
- Both human and editor/IDE should be able to find files easily
- Avoid too much nesting
- Feel free to reorganize or change structure totally if you want
/src
/components (for shared components)
/common
/header (use semantic names)
/template
/modules
/ModuleA
/pages
index.ts
App.tsx
main.tsx
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 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 build
folder.