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

[blog] Blog post with MUI X v7.0.0 annoucement #41563

Merged
merged 23 commits into from
Mar 21, 2024

Conversation

joserodolfofreitas
Copy link
Member

@joserodolfofreitas joserodolfofreitas commented Mar 19, 2024

Summary

Blog post highlighting all the new developments delivered with v.7.0.0.

:::info
I chose to repeat (and update) the features announced in the beta blog post so that everything significantly relevant about the release is on a single page.
:::

Preview

https://deploy-preview-41563--material-ui.netlify.app/blog/mui-x-v7/

On its first announcement, we showcased some of these improvements, but during the beta phase, we have further polished the scrolling performance for an even more significantly improved user experience.

<video preload="metadata" autoplay muted loop playsinline width="690" height="417" controls>
  <source src="/static/blog/mui-x-v7/sticky-headers.mp4" type="video/mp4">
Copy link
Member

Choose a reason for hiding this comment

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

The only thing I see (and it might be nitpicking) is that it might be better to have 2 videos, one for before and one for after instead of one that alters between the 2 states. My argument is that it's simpler to grasp and see the difference more clearly.

Copy link
Member Author

Choose a reason for hiding this comment

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

I experimented with that in different constellations (now that we also have a before/after vertical scrolling), but the page got too noisy with two unsynced but related videos running at the same time, so I left a single video because I believe the page feels much cleaner with it.

docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
Co-authored-by: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com>
Co-authored-by: Flavien DELANGLE <flaviendelangle@gmail.com>
Signed-off-by: José Rodolfo Freitas <joserodolfo.freitas@gmail.com>
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
Co-authored-by: Andrew Cherniavskii <andrew.cherniavskii@gmail.com>
Signed-off-by: José Rodolfo Freitas <joserodolfo.freitas@gmail.com>
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved

We're introducing a new API to customize Tree items through a hook called `useTreeItem2`.
It can be used with both `SimpleTreeView` and `RichTreeView`, and enables developers to fully leverage the TreeItem's subcomponents along with their default behaviors.
This approach ensures customization and flexibility are at the forefront without sacrificing the component's inherent features.
Copy link
Member

Choose a reason for hiding this comment

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

I would start from the pain people have with the current approach: people have to copy-paste a lot of the Tree Item's logic to do customization, stuff like expansion and selection events. This will be more and more painful in the future as we add new features.

docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
<RichTreeView items={myDataSet} slots={{ item: CustomTreeItem }} />
```

You can check all the details of the given example on the [RichTreeView customization page](https://mui.com/x/react-tree-view/rich-tree-view/customization/#headless-api).
Copy link
Member

Choose a reason for hiding this comment

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

Clearly a nitpick but I would add both the SimpleTreeView and RichTreeView doc page here to make extra clear that we are supporting SimpleTreeView (even though you said it above)

docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
Copy link
Contributor

@danilo-leal danilo-leal left a comment

Choose a reason for hiding this comment

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

Looking great! Left a few remarks here & there. Let me know if you want help with the imagery; happy to do it. Also tagging @samuelsycamore for a more thorough writing review — I have a feeling we're using "we", "our", too much. Maybe we can be more centered around "what you are getting with this".

docs/public/static/blog/mui-x-v7/card.png Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Show resolved Hide resolved
joserodolfofreitas and others added 9 commits March 20, 2024 15:52
Co-authored-by: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Co-authored-by: Flavien DELANGLE <flaviendelangle@gmail.com>
Signed-off-by: José Rodolfo Freitas <joserodolfo.freitas@gmail.com>
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
docs/pages/blog/mui-x-v7.md Outdated Show resolved Hide resolved
joserodolfofreitas and others added 3 commits March 20, 2024 17:42
Co-authored-by: Andrew Cherniavskii <andrew.cherniavskii@gmail.com>
Signed-off-by: José Rodolfo Freitas <joserodolfo.freitas@gmail.com>
Co-authored-by: Andrew Cherniavskii <andrew.cherniavskii@gmail.com>
Signed-off-by: José Rodolfo Freitas <joserodolfo.freitas@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

10 participants