Tech Stack
All tools included in your app:
Vite 7
Build tool with instant HMR
React 19
UI library
TypeScript 5.9
Type-safe JavaScript
Tailwind CSS 4
Utility-first CSS
shadcn/ui
UI components
React Router 7
Client-side routing
TanStack Query 5
Server state management
Zod 4
Schema validation
ESLint 9
Find bugs in code
Prettier
Code formatter
Vitest
Unit testing
Husky
Git hooks
Why These Tools?
Vite
Vite is the fastest build tool for React apps. It starts in less than 1 second. Changes show instantly. Webpack is 10x slower. Turbopack is fast too, but it only works well with Next.js.
React
React is still #1. 40% of developers use it. 11 million websites run on React. It has the biggest ecosystem, most jobs, and most learning resources.
TypeScript
TypeScript finds bugs before you run your code. It is now the industry standard. No real alternative exists.
Tailwind CSS
Tailwind is the most popular CSS framework. You write styles directly in HTML. No separate CSS files needed. UnoCSS is faster, but Tailwind has a bigger community and better IDE support.
shadcn/ui
shadcn/ui is different. Components are copied into YOUR code. You own them. You can change them. No version conflicts. No breaking updates. Built on Radix UI for accessibility.
React Router
React Router is the most used router for React. It exists since 2014. Very stable. Many resources available. TanStack Router has better TypeScript support, but React Router is more proven.
TanStack Query
TanStack Query is the best for API calls. It caches data. Updates in background. Has DevTools. Better than SWR in most cases.
Zod
Zod checks if data is correct at runtime. Works great with TypeScript. Has 78+ library integrations. Very popular.
We are watching Valibot
Valibot is a new validation library. It is 90% smaller than Zod (1.37 KB vs 17.7 KB). Same API style. We may switch to Valibot in the future when its ecosystem grows. For now, we use Zod because it has more integrations and documentation.
ESLint + Prettier
ESLint finds bugs. Prettier formats code. Together they keep your code clean.
We are watching Biome
Biome is a new tool. It does what ESLint + Prettier do, but 20x faster. One tool instead of two. One config file instead of four. We may switch to Biome in the future. For now, we use ESLint + Prettier because:
- ESLint has 1000+ plugins
- Biome has ~80% plugin coverage
- More resources and help available for ESLint
When Biome's ecosystem grows, we will consider switching.
Vitest
Vitest is made for Vite projects. It is 10-20x faster than Jest. Same API as Jest, so easy to learn. The clear winner for Vite apps.
Husky
Husky runs checks before you commit. It makes sure bad code doesn't get into your repo. Very popular with 15M+ weekly downloads.
Future Roadmap
We continuously evaluate new tools. Here's what we're watching:
| Current | Watching | Why |
|---|---|---|
| ESLint + Prettier | Biome | 20x faster, single tool |
| Zod | Valibot | 90% smaller bundle |
| Husky | Lefthook | Parallel execution, 50% faster |
| React Router | TanStack Router | Better TypeScript support |
We prioritize stability over speed. When these alternatives mature, we will consider switching.