Create React App Vite

Simple CRA style Vite teimpate.
Create plain and lightweight React+TS programming environment.
And a easy migration base for create-react-app to Vite.

Try this Online!

This is a Vite template top of the official Vite react-ts template(npm init vite@latest myapp -- --template react-ts) and some extended setup.
I'd like to keep CRA like experience as much as possible, So improving/adding feature Rull Request is really welcome!

• Support CRA's Custom Environment Variables like REACT_APP_.
• eslint-config-ts-prefixer. Specialized fixable(--fix option) rule sets. Zero extend any recommended for confortable DX.
• Vitest, React Testing Library, MSW
• tailwindcss
• Github Actions

All npm package are keeping least release version powered by Dependabot.

Installation

npx degit laststance/create-react-app-vite myapp

npm

cd myapp
pnpm install
pnpm validate
pnpm start

If you don't need TailwindCSS, run pnpm remove:tailwind after npm installed.

Commands

pnpm dev             # start development server
pnpm start           # start development server
pnpm validate        # run test,lint,build,typecheck concurrently
pnpm test            # run jest
pnpm lint            # run eslint
pnpm lint:fix        # run eslint with --fix option
pnpm typecheck       # run TypeScript compiler check
pnpm build           # build production bundle to 'dist' directly
pnpm prettier        # run prettier for json|yml|css|md|mdx files
pnpm clean           # remove 'node_modules' 'yarn.lock' 'dist' completely
pnpm serve           # launch server for production bundle in local
pnpm remove:tailwind # remove TailwindCSS

CRA to Vite migration guides

• Migrate to Vite from Create React App (CRA)
• Migrating from Create React App (CRA) to Vite
• Migrating a Create React App (CRA) application to Vite

Background

Simply put, CRA development has stopped as of 2023. This has sparked a discussion about replacing CRA with Vite for official documentation recommendations. Replace Create React App recommendation with Vite Dan Avramov offered some plans for the future of the CRA in his comments, but no direct answers were given. reactjs/react.dev#5487 (comment)

The React community is still buzzing around Server Component after May 2023, but there is still a high demand for the React SinglePageAplication starter that the CRA has served in the past, and I was one of the people who needed it, I was one of the people who needed it, so I decided to create a template in Vite that could be used as much as possible like CRA.

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!