Socket
Socket
Sign inDemoInstall

create-react-app-vite

Package Overview
Dependencies
5
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    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.


Version published
Maintainers
1
Created

Readme

Source

Create React App Vite Typecheck Test Build Lint

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!

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

Installation

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

npm

cd myapp
npm install
npm run validate
npm start

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

Commands

npm run dev             # start development server
npm run start           # start development server
npm run validate        # run test,lint,build,typecheck concurrently
npm run test            # run jest
npm run lint            # run eslint
npm run lint:fix        # run eslint with --fix option
npm run typecheck       # run TypeScript compiler check
npm run build           # build production bundle to 'dist' directly
npm run prettier        # run prettier for json|yml|css|md|mdx files
npm run clean           # remove 'node_modules' 'yarn.lock' 'dist' completely
npm run serve           # launch server for production bundle in local
npm run 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 Avramov offered some plans for the future of the CRA in his comments, but no direct answers were given. https://github.com/reactjs/react.dev/pull/5487#issuecomment-1409720741

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!

FAQs

Last updated on 17 Aug 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc