Name	Name	Last commit message	Last commit date
Latest commit History 3,151 Commits
.github	.github
.husky	.husky
mocks	mocks
public	public
scripts	scripts
src	src
.all-contributorsrc	.all-contributorsrc
.env	.env
.env.sample	.env.sample
.gitignore	.gitignore
.prettierignore	.prettierignore
.prettierrc	.prettierrc
LICENSE	LICENSE
README.md	README.md
eslint.config.js	eslint.config.js
index.html	index.html
package.json	package.json
pnpm-lock.yaml	pnpm-lock.yaml
pnpm-workspace.yaml	pnpm-workspace.yaml
postcss.config.js	postcss.config.js
prettier.config.js	prettier.config.js
tsconfig.json	tsconfig.json
vite.config.ts	vite.config.ts
vitest.config.ts	vitest.config.ts

Name

Last commit message

Last commit date

.github

Create React App Vite

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

Try this Online!

This is a Vite template on 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 Pull 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 comfortable DX.
Vitest, React Testing Library, MSW
tailwindcss
Github Actions

All npm packages are updated to the latest release version powered by Dependabot.

Installation

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

pnpm

cd myapp
pnpm install
pnpm validate
pnpm start

If you don't need TailwindCSS, run pnpm remove:tailwind after npm is 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

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 Abramov 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 SinglePageApplication starter that the CRA has served in the past, and 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.