[RFC]: setup commands for Material UI

[oliviertassinari]

Summary

Similar to the other UI libraries, https://redwoodjs.com/docs/cli-commands#setup-ui.

Motivation

Material UI is the most downloaded UI library in the React ecosystem as of today, about 25% of the downloads. I'm creating this issue so the community has a place to express their interest by upvoting it, and maybe contribute if there is enough traction.

Detailed proposal

See above

Are you interested in working on this?

• I'm interested in working on this

[pantheredeye]

👋 Hey @oliviertassinari - it has been a while since I used MUI - what would be the requirements for setup with RW? From their install page, it seems fairly straightforward.

I was going through the rw mantine/chakra/tailwind setup commands and they configure storybook at a certain step. I see this recipe from storybook on integrating MUI, with a codemod. Not sure if that would be needed.

If it is as straightforward as the mantine install page makes it look, would you (or anyone reading this) be up for submitting a PR for it?

[jtoar]

Hey @oliviertassinari, I brought this RFC up to the team today. We don't think we'd add something like this to core at the moment. We have a suite of features we're focused on (see the roadmap: https://redwoodjs.com/roadmap) and we're trying to stay dialed in. Once #8920 is merged, there'd be a first-class way of integrating with the Redwood CLI without adding code to core. But even without #8920, you could use this thread as an example of building on Redwood: https://community.redwoodjs.com/t/announcing-dbauth-oauth-plugin-v1-0-0-easily-enable-sign-in-with-apple-github-google-and-more/5118.

(But I understand that half the value proposition of adding it to core is so that it's official and maintained. So no pressure to run with any of these suggestions, just wanted to empower you!)

[oliviertassinari]

Thanks for the update.

My goal was to have a placeholder where the community can shine in to collaborate, to make the integration with Material UI happen. I think this simply creating this GitHub issue was enough to serve this purpose.

It looks like there is also Discourse, I missed it https://community.redwoodjs.com/search?q=Material%20UI

[jtoar]

@oliviertassinari happy to leave it open for that reason

[jlthompso]

Is a PR for this worthwhile or just discussion? I got most of it working yesterday but stopped short of figuring out Storybook (before I deleted everything when the issue was closed). I'm currently using MUI and Redwood and would love to work on this if it would be useful.

[thedavidprice]

@jlthompso thank you! There are two aspects you should be aware of:

1. we're evolving setup commands for external services/libraries to use the new setup package command feat(cli): Setup command which uses an npm package #8920 This means you don't need to PR into this repo, you can create the package in any repo you'd like!
2. sooner than later, we're migrating Storybook from Webpack to Vite. Currently Redwood Web uses Vite by default, but Storybook (in Redwood) still uses Webpack. This doesn't mean it's not possible now. It just means things will change in the next 3-6 months.

You'd be welcome to open a PR here as long as you understand that it won't be merged and we might not be able to give a prompt review. The advantage would be:

• visibility
• community feedback

An option here could be to host the setup package in the RedwoodJS GitHub org. We could add you as an admin for the Repo. Again, we don't want to "own" this project. But we'd be very excited to find ways to support you and efforts like this in a sustainable way for everyone involved.