create-react-app-vite
create-react-app-vite copied to clipboard
Create React App Vite ⚛️
vite-react-ts-extended
![Depfu](https://badges.depfu.com/badges/6c7775918ccc8647160750e168617a65/overview.svg)
My CRA alternative.
Create plain and lightweight React+TS programming environment with familiar pre-setup tooling
eslint/prettier, jest/TS/react-testing-library/msw, tailwindcss, CI.
Try this Online!
![](https://digital3.nyc3.cdn.digitaloceanspaces.com/ext.png)
This is the official Vite react-ts template(npm init vite@latest myapp -- --template react-ts
) and some extended setup.
- eslint-typescript and Prettier integration. Rules are 100% my personal setup 💅
- Jest, React Testing Library, MSW
- tailwindcss
- Github Actions
All npm package are keeping least release version powered by Depfu.
Installation
npx degit laststance/vite-react-ts-extended myapp
yarn
cd myapp
yarn install
yarn validate # The installation was successful if no error occurs after running 'validate'.
yarn dev
npm
cd myapp
npm install
npm run validate # The installation was successful if no error occurs after running 'validate'.
npm run dev
Commands
yarn dev # start development server
yarn validate # run test,lint,build,typecheck concurrently
yarn test # run jest
yarn lint # run eslint
yarn lint:fix # run eslint with --fix option
yarn typecheck # run TypeScript compiler check
yarn build # build production bundle to 'dist' directly
yarn prettier # run prettier for json|yml|css|md|mdx files
yarn clean # remove 'node_modules' 'yarn.lock' 'dist' completely
yarn serve # launch server for production bundle in local
Background
The evolution of the React framework is accelerating more than ever before.
Next.js, Remix, RedwoodJS, Gatsby, Blitz etc...
Ahthough I still need plain React programming starter some reason. (.e.g Demo, Experiment like Deep Dive React Core.)
So far, create-react-app was it.
In short, create-react-app development couldn't say active. Please read the Issue in details.
So I created an alternative to create-react-app for myself, based on Vite.
This project contains my very opinionted setup,
but I hope it will be a useful tool for people who have similar needs to mine! 😀
License
MIT
Contributors ✨
Thanks goes to these wonderful people (emoji key):
ryota-murakami 💻 📖 ⚠️ |
Hung Viet Nguyen 💻 |
This project follows the all-contributors specification. Contributions of any kind welcome!