Replace CRA (create-react-app)

headlamp-k8s / headlamp

A Kubernetes web UI that is fully-featured, user-friendly and extensible

https://headlamp.dev

Apache License 2.0

1.8k stars 135 forks source link

Replace CRA (create-react-app) #1282

Open joaquimrocha opened 11 months ago

joaquimrocha commented 11 months ago

CRA seems to be inactive/unmaintained. So we should move to another solution in order to keep getting updates. Maybe Vite is the solution but not at all a drop-in replacement. So anything that doesn't require rewiring the whole app would be good.

Acceptance Criteria:

[x] We have a chosen solution to replace CRA
[x] Running Headlamp in dev mode is possible with the new solution
[x] Building Headlamp for production is possible with the new solution

illume commented 2 months ago

https://github.com/dilanx/craco is also not getting updated now.
https://turbo.build/ used by next isn't ready to be used outside of next apparently.
storybook is using vite https://storybook.js.org/docs/builders/vite
We're using webpack for plugins. Maybe plugins can be left as webpack if vite can't do what we need.

sniok commented 1 month ago

Honestly I think vite is the only real options that is both mature and performant. And vite's development experience is really great. Migration should be straightforward, this project doesn't really use any complicated webpack features, all the plugins are simple js/css/ts/svg loaders that vite will handle without a problem.

sniok commented 1 month ago

In addition we can also take advantage of vitest, which is mostly compatible with jest. It uses the same resolution and bundling as vite (and the same viteconfig.ts file) so we can reduce amount of configuration and unify building and testing.

illume commented 1 week ago

Opening because the second vite PR is still ongoing: https://github.com/headlamp-k8s/headlamp/pull/2001