Use via: npm create x-react-kit (or npx x-react-kit). Create React apps the easy way with Vite, TypeScript, Tailwind, and more.
npm install x-react-kitCreate React apps the easy way! Just answer a few questions and get a fully configured project.
``bashRecommended
npm create x-react-kit
> Note: Plain
npm i x-react-kit will not show prompts in most terminals because npm runs postinstall without a TTY. Use one of the commands above for the interactive experience.That's it! The CLI will ask you what you want and set everything up.
What You Get
- Vite - Super fast development server
- TypeScript or JavaScript - Your choice
- Tailwind CSS - Optional, for easy styling
- React Router - For multi-page apps
- Redux Toolkit - State management made simple
- ESLint & Prettier - Code formatting that just works
- Husky - Git hooks to keep your code clean
Features
- š Modern React 18 with Vite
- š Smart folder structure with feature-based API organization
- šØ Optional Tailwind CSS integration
- š Redux Toolkit Query for API calls
- š ESLint and Prettier configured
- šŖ Git hooks with Husky for code quality
- ā” Hot reloading out of the box
Example
`bash
$ xreact? What's your app name? my-cool-app
? TypeScript or JavaScript? TypeScript
? Want Tailwind CSS? Yes
? Need React Router? Yes
? Want Redux for state management? Yes
ā
All done! Your app is ready.
cd my-cool-app
npm install
npm run dev
`What Gets Created
`
my-cool-app/
āāā src/
ā āāā api/ # API calls organized by feature
ā ā āāā user/ # User-related endpoints
ā ā āāā posts/ # Posts-related endpoints
ā āāā components/ # Reusable components
ā āāā pages/ # Your app pages
ā āāā store/ # Redux store
ā āāā hooks/ # Custom hooks
āāā package.json
āāā all the config files you need
`Contributing
Want to help make this better?
`bash
git clone
npm install
npm run build
npm link
xreact # test it out
``MIT - Go build cool stuff!