Why and How to Migrate Your React App from CRA to Vite

Developer Tools Javascript UI Libraries Front-End Frameworks

Vue.js Landing Page
1

Vue.js

Reactive Components for Modern Web Interfaces
Pricing:
- Open Source
Vite is a modern frontend build tool created by Evan You (creator of Vue.js). Vite is framework agnostic and works on a plugin based approach.

#Front-End Frameworks #Javascript UI Libraries #JS Library 393 social mentions
Vitest Landing Page
2

Vitest

A blazing fast unit test framework powered by Vite
Pricing:
- Open Source
I will not go into detail about migrating your unit tests, as every project has its own test setup, and generalizing it would be very difficult. You can read and learn more about both of them in JEST docs and Vitest docs.

#Dev Ops #Build, Test, Deploy #Testing Frameworks 72 social mentions
Vite Landing Page
3

Vite

Next Generation Frontend Tooling
Pricing:
- Open Source
Vite is a modern frontend build tool created by Evan You (creator of Vue.js). Vite is framework agnostic and works on a plugin based approach.

#Software Development #Web Frameworks #Developer Tools 462 social mentions
rollup.js Landing Page
4

rollup.js

Rollup is a module bundler for JavaScript which compiles small pieces of code into a larger piece such as application.
Pricing:
- Open Source
Vite is not a bundler but a frontend tool that intelligently uses ESBuild and Rollup for their best use cases.

#Web Application Bundler #JS Build Tools #Front End Package Manager 60 social mentions
React.run Landing Page

5

React.run

Quick in-browser prototyping for React Components!

Here is the tricky situation and that's why CRA is in a semi-dead state, it has not been deprecated but isn't receiving any updates not even security updates, along with that the new React.dev documentation doesn't mention CRA but suggests using React meta-frameworks like Next and Remix for new projects. You can read more about React's reasoning for it in this github issue discussion.

#Javascript UI Libraries #Front-End Frameworks #JS Library 187 social mentions
Next.js Landing Page
6

Next.js

A small framework for server-rendered universal JavaScript apps
Pricing:
- Open Source
Here is the tricky situation and that's why CRA is in a semi-dead state, it has not been deprecated but isn't receiving any updates not even security updates, along with that the new React.dev documentation doesn't mention CRA but suggests using React meta-frameworks like Next and Remix for new projects. You can read more about React's reasoning for it in this github issue discussion.

#Developer Tools #Web Frameworks #JavaScript Framework 1066 social mentions
esbuild Landing Page
7

esbuild

An extremely fast JavaScript bundler and minifier
Pricing:
- Open Source
Vite is not a bundler but a frontend tool that intelligently uses ESBuild and Rollup for their best use cases.

#JS Build Tools #Web Application Bundler #Project Management 142 social mentions