React Starter

🍱 Another React Starter using Bun, Vite, TypeScript, tailwindcss and daisyUI.

🐣 Features

• 🍞 bun for a fast runtime and package manager.
• ⚡️ vite for instant server start and lighting fast HMR.
• 🏷️ TypeScript for a less frustrating & consistent experience.
• 🏝️ TanStack Router for a fully type-safe React router.
• 🏝️ TanStack Query for asynchronous state management.
• 💄 tailwindcss for utility-first CSS.
• 💄 daisyUI for tailwindcss components.
• 🧱 storybook for building UIs in isolation.
• 🧪 vitest for fast testing.
• 🧪 Playwright for fast and reliable e2e testing.
• 🧪 Mock Service Worker for client-agnostic API mocks.
• 🩺 eslint for static analysis.
• 🩺 Knip for finding dead code.
• 🎨 prettier for formatting.
• 🩺 lefthook for fast Git hooks management.
• 👷 Turborepo for caching and task parallelization.
• 👷 GitHub Actions for easy workflow automation.

🛠️ Usage

You can either use this template or deploy on Vercel or use tiged, by running the following command:

bunx tiged jimmy-guzman/react-starter

🏁 Getting Started

First install bun, by running the following command:

curl -fsSL https://bun.sh/install | bash

Now you can install dependencies, by running the following command:

bun install

Or if you already have bun installed you upgrade, by running the following command:

bun upgrade --stable

And to download new browsers for Playwright, run the following command:

bunx playwright install

And install Turborepo, run the following command:

bun install --global turbo

Then to run the development server, run the following command:

turbo dev

Your application will be available at http://localhost:5173/ ❤️

🧞 Available Tasks

Command	Action
bun install	Installs dependencies
turbo dev	Starts local dev server at http://localhost:5173/
turbo build	Build your production site to ./dist/
turbo preview	Preview your build locally, before deploying
turbo test	Unit tests your code with vitest
turbo e2e	E2E tests your code with playwright
turbo lint	Lints everything with eslint
turbo lint:fix	Fixes lint errors with eslint
turbo format	Checks formatting with prettier
turbo format:fix	Fixes formatting errors with prettier
turbo typecheck	Checks types with TypeScript
turbo sb	Starts storybook at http://localhost:6006
turbo sb:build	Build your production storybook to ./storybook-static/
turbo check	Checks everything

You can also run all tasks with bun run, i.e bun run dev