Start your React projects with this efficient template, combining the performance of Vite, the expressiveness of TypeScript, and the powerful UI components of Chakra.
- Vite: Enjoy faster and leaner development with Vite's no-bundler dev environment.
- React 18: Harness the power of the latest React version.
- Chakra UI: Build responsive and accessible user interfaces with ease.
- TypeScript: Add strong types to your React components for better code quality and developer experience.
- Linting & Formatting: Integrated ESLint, Prettier, and lint-staged ensure consistent code quality.
- Husky & CommitLint: Enforce commit message standards and automate hooks.
- Node.js v16 or higher.
- PNPM v8 or higher. (Preferred package manager for this project)
-
Clone the repository:
git clone https://github.com/your_username/vite-react-chakra-typescript.git
-
Change directory:
cd vite-react-chakra-typescript
-
Install dependencies using
pnpm
:pnpm install
Start the development server:
pnpm dev
Your application will be available at http://localhost:5173
.
- Development:
pnpm dev
- Production Build:
pnpm build
- Preview Production Build:
pnpm serve
- Linting:
pnpm lint
- Auto-Fix Lint Issues:
pnpm lint:fix
- Type Checking:
pnpm typecheck
- Code Formatting:
pnpm format
- Update Dependencies (Interactive):
pnpm up-interactive
- Release Versioning:
pnpm release
- Push Release:
pnpm push-release
This template uses the following main libraries:
- UI Components: @chakra-ui/react
- State Management: React Context API (feel free to integrate Redux, Zustand, MobX, or others as per your needs)
- Routing: react-router-dom
We welcome contributions! Please read the contributing guidelines to get started.
This project is licensed under the MIT License.
If you found this template useful or have suggestions, please give a ⭐ or fork and send a pull request. Your feedback is highly appreciated!