Lightweight React JS + Vite Starter Kit Template

preview.mp4

Description

A React.js template with Vite ⚡ is super simple and ready to go. It comes packed with all the essential libraries you need for modern frontend development.

Why Vite?

Here is several things that made vite is better bundler out there :

1. Instant Server Start: No more waiting around—start your server instantly.
2. Lightning Fast HMR: Hot Module Replacement that's truly fast.
3. Create React App Best Alternative: Skip the unecessary clutter of Create React App 🙂.
4. And More: There are plenty of other reasons to love Vite!

If you’re curious to explore Vite further, check out the link

Features

Here is the building blocks of this repository

• 📟 Navigation: Configured with React Router DOM for dynamic routing.
• 🔋 CSS Frameworks: Tailwind CSS and Daisy UI for rapid UI development with minimal custom styling.
• 📊 Code Formatting: Prettier is integrated to ensure consistent code style across the project.
• 🗂️ Linting: ESLint is set up to enforce coding standards and best practices.
• 📮 Pre-commit Hooks: Husky is utilized to run automated checks before code is committed.
• 🛠️ Lint-Staged: Paired with Husky, lint-staged handles formatting and linting for all staged changes.

Getting Started

1. Clone the repository :

git clone https://github.com/HellBus1/ts-react-tailwind-starter.git
cd ts-react-tailwind-starter

2. Install dependencies :

npm install

3. Run the development server :

npm run dev

4. Build for production :

npm run build

Getting Started

Contributions are welcome! Please open an issue or submit a pull request.

Supports Me

Want to see more free, high-quality code and articles? Buy me a coffee and make it happen!