speed up react with typescript project build in development mode

Question

I have a React project using Typescript built using create react app. The start command react-scripts start takes around 50s on first time and around 3 seconds on any file change.

How can I speed up the build time specially after each change in code?

Some things I already tried

1. Used craco and introduced esbuild instead of babel
2. Disabled eslint in dev mode But these did not gave me much improvement in speed.

In which direction I should be debugging this more?

Answer 1

I found that if we eject the CRA and use Vite instead of Webpack makes a lot of difference in the build time. You can try that.