-
-
Notifications
You must be signed in to change notification settings - Fork 32.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[docs][material-ui] Add a react-admin example project #39972
[docs][material-ui] Add a react-admin example project #39972
Conversation
Netlify deploy previewhttps://deploy-preview-39972--material-ui.netlify.app/ Bundle size report |
{ | ||
name: 'React-admin', | ||
label: 'View TS example', | ||
link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-react-admin', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we move the source to another location? I doubt we should maintain this here.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Maybe this is a silly nitpick, but can we still call this an "official example" if it doesn't live in the MUI core repo? Would it make more sense to be listed under the "community projects"? I know we already have the bullet point for React Admin itself, so maybe this should be linked there instead? (Tangential but this also makes me think we should revisit how the community projects are presented—right now it's a pretty big wall of text.)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@samuelsycamore I think we should trend toward reworking the whole section.
- "Example projects" as a header doesn't make much sense to me. Instead, it could be "Framework guides", like in https://tailwindcss.com/docs/installation/framework-guides, https://www.tremor.so/docs/getting-started/installation, https://nextui.org/docs/frameworks/nextjs, https://ui.shadcn.com/docs/installation, https://mantine.dev/getting-started/#framework-guide, https://panda-css.com/docs/installation/qwik. Some call it "Integration", e.g. https://reshaped.so/content/docs/getting-started/integrations/tailwind but this a very broad term. I think that in cases like using it with Storybook, icon libraries, etc. it's doesn't need to be part of the getting started area of the docs, these concerns only come later.
- Have a dedicated page for each framework, we started with https://mui.com/joy-ui/integrations/next-js-app-router/, I would scale this to everything. We need both an example and a step-by-step guide on how to create the example. Today, I don't think that we play the step-by-step guide card enough but it's important, when you already have a product on a given framework, you don't want to reverse engineer examples to figure out what to add. This is also true when you are just getting started, and need to rely on two integrations, e.g. Next.js + Tailwind CSS.
- So "Official examples" would go away, I don't think, people care, you already know what's "official" based on where the thing is hosted
- "Community projects" could become its own page.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Issue created #40062
Until you rework the section, can this PR be merged? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's do it! Thanks @fzaninotto !
This PR adds a new example to the Getting Started documentation: react-admin.
https://deploy-preview-39972--material-ui.netlify.app/material-ui/getting-started/example-projects/