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
• Replace Create React App recommendation with Vite reactjs/react.dev#5487

[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.

[ThomasPe]

@rogersau do you happen to have a guide on how to switch from CRA to vite?

btw. there seems to be at least some movement on that issue:
https://github.com/search?q=repo%3AOfficeDev%2Fteams-toolkit%20vite&type=code

[Yimin-Jin]

We have already migrated the Tab Dashboard template from CRA to Vite in the pre-release v5.10.0 version. In future releases, we plan to migrate more templates and samples to Vite to enhance the development experience.

[ThomasPe]

thats great to see. Are you planning on migrating existing projects to vite with a future Teams Toolkit update or will this always be a manual upgrade for existing proujects?

[Yimin-Jin]

We are in the process of migrating all templates in the Teams Toolkit (TTK) from CRA to Vite. In future updates, you won't need to manually upgrade your existing projects. Instead, you will be able to scaffold the latest templates directly from TTK.