[website] Create case studies

[rohan-buechner]

I know I'm breaking every issue rule, so feel free to instant close it. I just dont know how else to reach out to any of the project maintainers (I also know this exact question would get slaughtered on StackOverflow, and I don't want to trash my rep there either....)

We're having a massive debate at my company about weather we want to use MUI... I'm (and most/some engineers) are pro using it, and our UX team wants to build bespoke. We're at a bit of a stale mate... as part of my research, I'm visiting the websites of some of the big players to see what their implementations looks like (or whats publicly visible)

TL;DR;
Is the above list still active users of MUI? And to what extent? Or how would I be able to gather some of that info, if at all?
For example I can see Bethesda has some of the standard MUI classes but with extended naming conventions... but Netflix, my guess is, if they do still use MUI, it's seems to be either modified heavily, or purely used internally?

Benchmark

• https://trello.com/c/Yio8NFnD/13-create-case-studies

[oliviertassinari]

@rohan-buchner The list should still be up to date. I have started to run user-interviews with these companies. You will find the biggest users on internal applications (>50% of the code written by developers worldwide is for internal usage).
I'm not sure I can disclose any of the information that they shared with me. In the public domain, you can find Unity on #22426 (comment), you can find Docker using it #22426 (comment).

@mbrookes it would be great to start having a use case section for the library, we could maybe work on that next with the rebranding?

[oliviertassinari]

our UX team wants to build bespoke

This should be possible too with https://www.npmjs.com/package/@mui/base in v5. The Slider https://mui.com/components/slider/#unstyled gives an overview of what it will look like to eject from Material Design in v5 stable. We plan to use this package to deliver a second design system: #22485.

[rohan-buechner]

This should be possible too with https://www.npmjs.com/package/@material-ui/unstyled in v5.

Oh wow! So does this mean, we can still use the createMuiTheme but instead of having to override, the theme can provide the raw/base styles? E.g Designers get full control over the look and feel, and devs get the MUI "language" & conventions in the code? Thank you for all the above. It helps a lot.

[oliviertassinari]

@rohan-buchner By default, the unstyled components have no theming nor styling. This allows having very light components, e.g. a Slider under 5kB gzipped, compared to rc-slider. Note that we have spent 3 months to get the Slider "right", migrating one new component should be a matter of one day now.

So you would need to wrap each component to be able to use the theme, system, etc. But I assume that if developers go down the bespoke path, they would wrap anyway.

[mbrookes]

@rohan-buchner Netflix started to develop their own: https://materialish.js.org/components/avatar/, but dropped it for Material-UI.

Amazon use Material-lUI for internal tools. There was a comment from a developer on spectrum.chat (when we were using that) that they had some big projects under way.

Spotify (try shift-reload on the home page) use it for internal tools, but backstage is open source.

Bethesda use it both for their public website, and I believe internal tools too.

[rohan-buechner]

YouTube recommend this this moring :O

https://youtu.be/hqtezqYSQUU

At 3.30 they talk about MUI + Hawkins.

[mbrookes]

YouTube recommend this this moring :O

😆 Google – all seeing, all knowing ("Godgle"?) 😅

Thanks for the link, I'd forgotten it's called Hawkins.

[Harsh-Mathur-1503]

I'd like to work over this issue.
Can you assign it to me ?
@mbrookes @rohan-buechner @oliviertassinari @jarib