[examples] Add Vite.js example

[goncalovf]

• I have followed (at least) the PR section of the contributing guide.

Fix #21377

The example I added is based on the React template provided by Vite.js

I did not add aliases to the vite.config.js (as suggested here, here and here as workarounds to the base issues described in #21377 and in the issue in Vite.js) because the issue should be resolved by Vite.js.

CodeSandbox with this example:

TODO:

• Add CodeSandbox to README.md

Question: Should I make a typescript example?

[mui-pr-bot]

No bundle size changes (experimental)

Generated by 🚫 dangerJS against 6aab170

[eps1lon]

Given that the config is quite small I don't think we want to include this example. The problem is that once it's included we need to maintain it for which we currently don't have the bandwidth. Though we definitely want to revisit this when we have a dedicated role for this problem space.

[goncalovf]

@eps1lon I've applied to the Developer Advocate role, so if I'm hired I would be able to own this and the other examples, freeing some bandwidth for you all :)

[eps1lon]

Thanks for the work. Closing this until we have the bandwidth to support these types of examples. Looking forward to your application 👍🏻

[oliviertassinari]

I've applied to the Developer Advocate role

@goncalovf We are primarily looking in the US/Canada for this role (and a bit the UK), thanks for the interest thought.

---

Closing this until we have the bandwidth to support these types of examples.

@mui-org/core I think that it's worth discussing more. Keeping #21377 open and closing this PR doesn't seem compatible. From what I understand, the root ESM issue with vite is fixed. What bandwidth do we need to keep to support the examples? How important are the examples?

Based on the assumption that: examples are key to minimizing churn of new users, that next.js supports dozens of examples with the same size team like us, that #21377 has a number of upvotes, and that vite is relatively popular: https://npm-stat.com/charts.html?package=next,vite,snowpack. +1 to reopen this PR.

[mui-bot]

No bundle size changes

Generated by 🚫 dangerJS against d520097

[mnajdova]

Looks good, sorry for the delay :)

[dantman]

Shouldn't this example have used @vitejs/plugin-react instead of @vitejs/plugin-react-refresh?

From the looks of it @vitejs/plugin-react-refresh doesn't exist in the Vite codebase anymore. It's 6 months old while @vitejs/plugin-react was updated 1 month ago and says that it supports Fast Refresh. So @vitejs/plugin-react-refresh seems to be redundant and likely abandoned.