Use Vite for React Apps instead of CRA

1

Webpack

CRA uses Webpack to bundle the code. Webpack bundles the entire code, so if your codebase is very large more than 10k lines you might see a slower start in the development server and a long waiting time to see the changes made.

#Web Application Bundler #JS Build Tools #Module Bundler 220 social mentions

2

Vite

Instead of using CRA for creating React App, we can migrate to Vite. Vite is the next generation frontend tooling to build the app faster.

#Software Development #Web Frameworks #Developer Tools 381 social mentions

3

React

Most of us will be using Create React App for creating React App. It supports all the configurations out of the box. But when your project code grows you might face higher build times, a slower start in the development server and waiting 2 to 5 secs to reflect the changes you have made in code and this might increase rapidly when the app grows on a larger scale.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions

4

Ant Design

Dependencies are mostly plain JavaScript that does not change often during development. Some large dependencies (e.g. AntD) are also quite expensive to process.

#Development Tools #Design Tools #UI 96 social mentions