Skip to content
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

Merged
merged 5 commits into from
Dec 1, 2023

Conversation

fzaninotto
Copy link
Contributor

@fzaninotto fzaninotto commented Nov 22, 2023

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/

image

@mui-bot
Copy link

mui-bot commented Nov 22, 2023

Netlify deploy preview

https://deploy-preview-39972--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 076c1f4

@mj12albert mj12albert changed the title [Doc] Add react-admin to the Example Projects list [docs] Add react-admin to the Example Projects list Nov 23, 2023
@danilo-leal danilo-leal changed the title [docs] Add react-admin to the Example Projects list [docs][material-ui] Add a react-admin example project Nov 23, 2023
@danilo-leal danilo-leal added docs Improvements or additions to the documentation package: material-ui Specific to @mui/material examples Relating to /examples labels Nov 23, 2023
{
name: 'React-admin',
label: 'View TS example',
link: 'https://github.com/mui/material-ui/tree/master/examples/material-ui-react-admin',
Copy link
Member

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.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done!

Copy link
Contributor

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.)

Copy link
Member

@oliviertassinari oliviertassinari Nov 24, 2023

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.

  1. "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.
  2. 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.
  3. 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
  4. "Community projects" could become its own page.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Issue created #40062

@fzaninotto
Copy link
Contributor Author

Until you rework the section, can this PR be merged?

Copy link
Contributor

@mapache-salvaje mapache-salvaje left a 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 !

@mapache-salvaje mapache-salvaje merged commit b2f58e0 into mui:master Dec 1, 2023
mnajdova pushed a commit to mnajdova/material-ui that referenced this pull request Dec 1, 2023
mnajdova pushed a commit to mnajdova/material-ui that referenced this pull request Dec 6, 2023
mnajdova pushed a commit to mnajdova/material-ui that referenced this pull request Dec 6, 2023
mnajdova pushed a commit to mnajdova/material-ui that referenced this pull request Dec 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs Improvements or additions to the documentation examples Relating to /examples package: material-ui Specific to @mui/material
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants