React Vite Template

Dependencies

Node

• react
• react-router-dom
• redux toolkit
• react-use
• less
• axios
• vitest
• eslint
• prettier

VSCode Extensions

• ESLint
• Prettier
• Vitest

Run

npm install
# Local
npm start
# Network
npm host

Build

npm run build

Test

npm test

Directory Guidelines

• assets - Resource directory.
• components - Global components.
• global - Global configuration.
• hooks - Global hooks.
• layouts - Global layouts.
• libs - Third-party libraries.
• pages - Pages that have a router.
• services - Backend integration.
• store - Global state.
• utils - Global tools.
• features - Used to store specific feature implementations, with an internal directory structure similar to the global one, exposing components, methods, etc.