Replace CRA with Vite or similar for NodeJS templates.

[rogersau]

Is your feature request related to a problem? Please describe.

The React with Fluent UI template utilizes react-scripts (CRA) as its tooling. This results in extremely slow debugging and hot reloads. resulting in a poor developer experience. I find myself often using the template the stripping out react-scripts and moving to vite.

I believe ensuring a rock-solid foundation for Teams App development will lower the barrier of entry for new developers looking to extend functionality within Microsoft Teams. It will also ensure organizations do not start their journey already with Tech debt in their stack.

Describe the solution you'd like

• Investigate utilizing Vite (or similar) to speed up debug and modernize building of the application.

Describe alternatives you've considered

• Vite seems the most logical and simple replacement, it is recommended by the react.dev team.
• Parcel is another option, less familiar myself with it.
• Another option potentially could be remix/next.js however they probably are overkill.

Additional context

• react-scripts was last updated 2 years ago, and is no longer under active development
• https://github.com/reactjs/react.dev/pull/5487

[microsoft-github-policy-service[bot]]

Thank you for contacting us! Any issue or feedback from you is quite important to us. We will do our best to fully respond to your issue as soon as possible. Sometimes additional investigations may be needed, we will usually get back to you within 2 days by adding comments to this issue. Please stay tuned.

[summzhan]

Hi @rogersau Thanks for this feedback, which is very valuable to us, but we need to discuss internally cause we have partner dependency on the SDKs we used, will keep you informed if we are going to make improvement in future release.