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] Introducing MUI Core v5.0 #27912

Merged
merged 186 commits into from
Sep 16, 2021
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
186 commits
Select commit Hold shift + click to select a range
869b9b5
[blog] MUI v5 is out
oliviertassinari Aug 22, 2021
21c41ef
iterate more
oliviertassinari Aug 22, 2021
ba7c001
wrong hash link
oliviertassinari Aug 23, 2021
0165fde
next iteration
oliviertassinari Aug 28, 2021
5fe646d
more
oliviertassinari Sep 13, 2021
0239b27
Danilo's review
oliviertassinari Sep 14, 2021
59f7644
fix rebase conflict
oliviertassinari Sep 14, 2021
e335490
prettier
oliviertassinari Sep 14, 2021
3a99ebb
Marija's review
oliviertassinari Sep 14, 2021
4f67858
Define DX
oliviertassinari Sep 14, 2021
74dd765
Michal's review
oliviertassinari Sep 14, 2021
365bf29
link the contributors
oliviertassinari Sep 14, 2021
791aa0d
talk about the migration away from JSS
oliviertassinari Sep 14, 2021
d6aa5c4
Improve how we introduce the design changes
oliviertassinari Sep 14, 2021
d2a6af2
polish after change
oliviertassinari Sep 14, 2021
79e7ef8
new batch of reviews
oliviertassinari Sep 14, 2021
4a24856
fix horizontal scrollbar on mobile
oliviertassinari Sep 14, 2021
8af6901
add an intro image for rebranding
oliviertassinari Sep 14, 2021
e002d25
Matt's review
oliviertassinari Sep 14, 2021
36e9e26
Describe what's next in unstyled
michaldudak Sep 14, 2021
ad60444
Apply suggestions from code review
michaldudak Sep 14, 2021
ba65f0e
new images for the branding post
danilo-leal Sep 14, 2021
98cf8bd
Merge branch 'blog-mui-v5' of https://github.com/oliviertassinari/mat…
danilo-leal Sep 14, 2021
bc069b6
Design update
oliviertassinari Sep 14, 2021
7c0711b
update image to limit bundle size and optimize for no image resizing
oliviertassinari Sep 14, 2021
52d1d1c
compress image
oliviertassinari Sep 14, 2021
c6f9c7c
v4-migration section (#14)
mnajdova Sep 14, 2021
5898e6f
Add Joy section (#15)
siriwatknp Sep 14, 2021
b1b1fe9
polish "Material-UI is now MUI" to be publishable
oliviertassinari Sep 14, 2021
dc6fc86
Matt's review 2
oliviertassinari Sep 14, 2021
1341d12
Polish
oliviertassinari Sep 14, 2021
85cead3
Apply suggestions from code review
oliviertassinari Sep 14, 2021
4d00a23
handle more feedback
oliviertassinari Sep 14, 2021
d0ffedd
Flexibility
oliviertassinari Sep 14, 2021
1af3b96
handle more feedback
oliviertassinari Sep 14, 2021
0c78e29
back to adding content
oliviertassinari Sep 14, 2021
fe8cf96
Danilo's review on Joy
oliviertassinari Sep 14, 2021
ac1a482
Update docs/pages/blog/mui-core-v5.md
mbrookes Sep 14, 2021
150253b
yarn prettier
oliviertassinari Sep 14, 2021
94c0d02
organize content left
oliviertassinari Sep 14, 2021
afd27cd
handoff while I'm going to sleep
oliviertassinari Sep 14, 2021
30fc758
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
9da7f12
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
a06d857
Merge branch 'master' into blog-mui-v5
mnajdova Sep 15, 2021
fcad80a
Add roadmap section
mnajdova Sep 15, 2021
9851846
Add What's next section
mnajdova Sep 15, 2021
61eddf3
Add Date picker section
mnajdova Sep 15, 2021
594fcb4
Update docs/pages/blog/material-ui-is-now-mui.md
mnajdova Sep 15, 2021
ba5cbfa
Update docs/pages/blog/material-ui-is-now-mui.md
mnajdova Sep 15, 2021
2a7b56a
Update docs/pages/blog/material-ui-is-now-mui.md
mnajdova Sep 15, 2021
101335c
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
edc0daa
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
a57c704
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
79da7d1
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
633b8ff
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
6a87ef9
Restructure the v4 migration section
mnajdova Sep 15, 2021
fce4439
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
5bbde06
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
3b5de6c
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
eb28aa9
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
724f365
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
2492202
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
b87c2dd
Some small polish
mnajdova Sep 15, 2021
13b8b02
Merge branch 'master' into blog-mui-v5
mnajdova Sep 15, 2021
095349f
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
133cc07
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
3dd2ca2
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
c11edc5
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
f840465
Fix the sh scope
mnajdova Sep 15, 2021
4797b79
What's the ambition with the component
mnajdova Sep 15, 2021
aafdfe1
Fix grammar errors
mnajdova Sep 15, 2021
d9ced74
Fix the supported platforms link
michaldudak Sep 15, 2021
2a839f5
Update links to point to mui.com
mnajdova Sep 15, 2021
33690f8
[blog] MUI v5 is out
oliviertassinari Aug 22, 2021
e9f0963
iterate more
oliviertassinari Aug 22, 2021
677be14
wrong hash link
oliviertassinari Aug 23, 2021
d5a8b34
next iteration
oliviertassinari Aug 28, 2021
ef7fa0c
more
oliviertassinari Sep 13, 2021
c56a54d
Danilo's review
oliviertassinari Sep 14, 2021
1c85621
fix rebase conflict
oliviertassinari Sep 14, 2021
457d619
prettier
oliviertassinari Sep 14, 2021
efce664
Marija's review
oliviertassinari Sep 14, 2021
e8f7e49
Define DX
oliviertassinari Sep 14, 2021
a46463e
Michal's review
oliviertassinari Sep 14, 2021
e07da49
link the contributors
oliviertassinari Sep 14, 2021
c792da9
talk about the migration away from JSS
oliviertassinari Sep 14, 2021
484725a
Improve how we introduce the design changes
oliviertassinari Sep 14, 2021
76b83ca
polish after change
oliviertassinari Sep 14, 2021
dde2f61
new batch of reviews
oliviertassinari Sep 14, 2021
71e067d
fix horizontal scrollbar on mobile
oliviertassinari Sep 14, 2021
9abc2c5
add an intro image for rebranding
oliviertassinari Sep 14, 2021
b464d3d
new images for the branding post
danilo-leal Sep 14, 2021
0ec859c
Matt's review
oliviertassinari Sep 14, 2021
03607b8
Describe what's next in unstyled
michaldudak Sep 14, 2021
adf88ed
Apply suggestions from code review
michaldudak Sep 14, 2021
30d9b66
Design update
oliviertassinari Sep 14, 2021
08e8a6f
update image to limit bundle size and optimize for no image resizing
oliviertassinari Sep 14, 2021
1481017
compress image
oliviertassinari Sep 14, 2021
74ab3aa
v4-migration section (#14)
mnajdova Sep 14, 2021
4d3cb3b
Add Joy section (#15)
siriwatknp Sep 14, 2021
636a40e
add alt for branding intro img
danilo-leal Sep 15, 2021
3428188
remove a tag from image
danilo-leal Sep 15, 2021
2f56e99
ken's review
danilo-leal Sep 15, 2021
a4aed6d
match the websites product wording
danilo-leal Sep 15, 2021
4975544
polish "Material-UI is now MUI" to be publishable
oliviertassinari Sep 14, 2021
5fbf266
Matt's review 2
oliviertassinari Sep 14, 2021
a4e5aaf
Polish
oliviertassinari Sep 14, 2021
fb8fc39
Apply suggestions from code review
oliviertassinari Sep 14, 2021
c7493b2
handle more feedback
oliviertassinari Sep 14, 2021
fbe44ba
Flexibility
oliviertassinari Sep 14, 2021
1b9babb
handle more feedback
oliviertassinari Sep 14, 2021
5a9ea3e
back to adding content
oliviertassinari Sep 14, 2021
6d06efc
Danilo's review on Joy
oliviertassinari Sep 14, 2021
7e0a9c4
Update docs/pages/blog/mui-core-v5.md
mbrookes Sep 14, 2021
515d8e3
yarn prettier
oliviertassinari Sep 14, 2021
425b7a6
organize content left
oliviertassinari Sep 14, 2021
fac0ac3
handoff while I'm going to sleep
oliviertassinari Sep 14, 2021
8e4634a
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
60ec7f7
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
900c5e1
Add roadmap section
mnajdova Sep 15, 2021
e787700
Add What's next section
mnajdova Sep 15, 2021
49f1171
Add Date picker section
mnajdova Sep 15, 2021
fdc42e7
Update docs/pages/blog/material-ui-is-now-mui.md
mnajdova Sep 15, 2021
87d6d26
Update docs/pages/blog/material-ui-is-now-mui.md
mnajdova Sep 15, 2021
c208034
Update docs/pages/blog/material-ui-is-now-mui.md
mnajdova Sep 15, 2021
02d54f8
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
dcc3892
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
e89d7c3
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
68dd4a6
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
5fc484a
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
321ad1c
Restructure the v4 migration section
mnajdova Sep 15, 2021
ab48978
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
946ce4d
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
d780481
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
e3b8360
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
b0786f3
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
5e1a150
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
5ef99f4
Some small polish
mnajdova Sep 15, 2021
fc7b1ef
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
4d57ee8
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
ca46169
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
707ed04
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
a3e77e0
Fix the sh scope
mnajdova Sep 15, 2021
6a256e8
What's the ambition with the component
mnajdova Sep 15, 2021
8e584db
Fix grammar errors
mnajdova Sep 15, 2021
7511275
Fix the supported platforms link
michaldudak Sep 15, 2021
c80f42c
Update links to point to mui.com
mnajdova Sep 15, 2021
77c7e44
add Danilo changes in back
oliviertassinari Sep 15, 2021
27e891b
Merge branch 'blog-mui-v5' of https://github.com/oliviertassinari/mat…
danilo-leal Sep 15, 2021
16c4929
keep the name of the unstyled effort more blurry
oliviertassinari Sep 15, 2021
025476e
Review
oliviertassinari Sep 15, 2021
f2ada9a
Update docs/pages/blog/mui-core-v5.md
oliviertassinari Sep 15, 2021
b8b571d
no need to have the domain in
oliviertassinari Sep 15, 2021
858ab32
Be clearer
oliviertassinari Sep 15, 2021
4703262
fix typos
oliviertassinari Sep 15, 2021
44d3073
[blog] Update v5 design kits section (#17)
mbrookes Sep 15, 2021
13fab3f
polish design kit section
oliviertassinari Sep 15, 2021
c3cd700
compress image
oliviertassinari Sep 15, 2021
4288bd3
optimize image loading behavior
oliviertassinari Sep 15, 2021
ca5f129
link the store
oliviertassinari Sep 15, 2021
45cd9e9
Merge branch 'blog-mui-v5' of https://github.com/oliviertassinari/mat…
danilo-leal Sep 15, 2021
4598260
tweak some and add data grid/mui-x supporting images
danilo-leal Sep 15, 2021
b7bd58c
optimizing images
danilo-leal Sep 15, 2021
3545c0d
go all-in in MUI X
oliviertassinari Sep 15, 2021
48583be
add more context
oliviertassinari Sep 15, 2021
c097783
add another link
oliviertassinari Sep 15, 2021
711a89b
add link for the curious
oliviertassinari Sep 15, 2021
0c98d5a
I guess it's more a matter of how we want to organize, I'm skipping t…
oliviertassinari Sep 15, 2021
e0fb9ce
The future is freaking exciting
oliviertassinari Sep 15, 2021
b6d0191
fix typos
oliviertassinari Sep 15, 2021
65e1597
polish
oliviertassinari Sep 15, 2021
f29b965
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
78003bc
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
ab18627
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
267c754
Update docs/pages/blog/mui-core-v5.md
mnajdova Sep 15, 2021
314efe8
Clarity
oliviertassinari Sep 15, 2021
80f32d7
yarn prettier
oliviertassinari Sep 15, 2021
8373db3
card image: "v5.0" -> "v5.0.0"
danilo-leal Sep 15, 2021
392954f
matt's review
danilo-leal Sep 15, 2021
378ae60
fix
danilo-leal Sep 15, 2021
a94907b
Update docs/pages/blog/mui-core-v5.md
mbrookes Sep 15, 2021
4661941
bullet points fomratting
danilo-leal Sep 15, 2021
f8cb5af
more polish
oliviertassinari Sep 15, 2021
f8afa18
illustration, no alt
oliviertassinari Sep 15, 2021
d55367a
new release day
oliviertassinari Sep 16, 2021
c8d3d8a
final polish
oliviertassinari Sep 16, 2021
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
more
  • Loading branch information
oliviertassinari committed Sep 14, 2021
commit 5fe646d99ecb129eb45e50855ab8a53d48ec1ca2
60 changes: 39 additions & 21 deletions docs/pages/blog/mui-core-v5.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,22 +10,25 @@ After over 400 days of development and over 40 canary releases, we are excited t
This release features some major highlights:

- [High-level goals for v5](#high-level-goals-for-v5)
- [A new branding](#a-new-branding)
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved
- [Improved customizability](#improved-customizability)
- [Migration from JSS to emotion](#migration-from-jss-to-emotion)
- [The sx prop](#the-sx-prop)
- [Dynamic props](#dynamic-props)
- [Global class names](#global-class-names)
- [Base components (alpha)](#base-components-alpha)
- [Improved DX](#improved-dx)
- [Smaller demos in the docs](#smaller-demos-in-the-docs)
- [Props descriptions in IntelliSense](#props-descriptions-in-intellisense)
- [A new product line: X](#a-new-product-line-x)
- [New components](#new-components)
- [Improved Grid](#improved-grid)
- [More Material Design icons](#more-material-design-icons)
- [Stack](#stack)
- [Promotion from the lab](#promotion-from-the-lab)
- [New in the lab](#new-in-the-lab)
- [A new branding](#a-new-branding)
- [v4 migration](#v4-migration)
- [Change on the supported platforms](#change-on-the-supported-platforms)
- [Design kits](#design-kits)
- [What's next?](#whats-next)

Expand All @@ -46,6 +49,10 @@ We have taken the liberty to introduce breaking changes anytime we have identifi

You can find the initial RFC plan for v5 in [issue #20012](https://github.com/mui-org/material-ui/issues/20012).

## A new branding
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved

Material-UI **is now MUI**! Head to the [dedicated blog post](/blog/material-ui-is-now-mui/) to learn more.

## Improved customizability

### Migration from JSS to emotion
Expand Down Expand Up @@ -345,11 +352,25 @@ You can use [#27170](https://github.com/mui-org/material-ui/issues/27170) to fol

### Smaller demos in the docs

- Covered a bit in https://material-ui.com/blog/2021-q1-update/
We have used the migration of the demos from JSS to emotion as an opportunity to rework them.
Many of the demos were added taking into account how they would help maintainers work on the components.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved
We have reversed the priority, putting the developers using them [first](https://github.com/mui-org/material-ui/issues/22484).
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved

In practice, it means that we have focused on breaking down complex demos into smaller ones.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved
We aim for having as many "inline preview" as possible. It saves one click to expand the demo and the mental overhead of figuring out the part of the code that map with what you saw interesting on the screen.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved

<a href="/components/buttons/#basic-button"><img src="/static/blog/mui-core-v5/inline-preview.png" alt="" style="width: 649px; margin-bottom: 16px;" /></a>
mnajdova marked this conversation as resolved.
Show resolved Hide resolved

### Props descriptions in IntelliSense

- Already a bit covered in https://material-ui.com/blog/2020-q2-update/
The best documentation is the one you don't need to open.
We have moved all the props' descriptions to TypeScript, so the IntelliSense in your editor can show you more context.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved

<img src="/static/blog/mui-core-v5/prop-descriptions.png" alt="" style="width: 649px; margin-bottom: 16px;" />
mnajdova marked this conversation as resolved.
Show resolved Hide resolved

<p class="blog-description">The popup explains what the <code>forcePopupIcon</code> prop is for.</p>

These TypeScript props' descriptions are also used to generate the [API pages](/api/autocomplete/#props) of the documentation, so there is a single source of truth.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved

### Migration from Enzyme to Testing Library

Expand Down Expand Up @@ -470,32 +491,33 @@ The following components are now available in the lab:
- See next section
- Covered a bit in https://material-ui.com/blog/2020-q3-update/

## Change on the supported platforms
## v4 migration

- The high-level changes required
- Installation
- ⚓️ We have introduced a new release line: v4.x.x-deprecations.x. This release line is kept in sync with the latest version of v4 and includes actionable deprecations to ease the migration to v5.
- The codemod, covered a bit in https://material-ui.com/blog/2021-q2-update/
- The migration guide

### Change on the supported platforms
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved

This breaking change is the opportunity to drop the support of legacy upstream dependencies.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved

- We have updated the minimum supported TypeScript version from 3.2 to **3.5**.
It aims to match the policy of [DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped), with versions of TypeScript that are less than two years old.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved
- We have updated the minimum supported node.js version from 8.0 to **12.17**.
It aims to match the [LTS versions that are in maintenance](https://github.com/nodejs/Release#release-schedule) mode.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved
- We have updated the minimum supported React version from 16.8 to **17.0**. The breaking changes released between the two versions are minors.
- We have updated the minimum supported React version from 16.8 to **17.0**.
The breaking changes released between the two versions are [minors](https://reactjs.org/blog/2020/10/20/react-v17.html).
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved
- We have updated the browsers support.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved
- IE: **partial**. We have kept the logic that we added in the past to support IE 11. However, we have stopped active work on it. We can't guarentee that it works correctly. It's discontinued.
- IE: **partial**. We have kept the logic that we added in the past to support IE 11.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved
However, we have stopped active work on it. We can't guarentee that it works correctly. It's discontinued.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved
- Edge: from 14 to **91**. The minimum version is based on Chromium.
oliviertassinari marked this conversation as resolved.
Show resolved Hide resolved
- Firefox: from 52 to **78**.
- Chrome: from 49 to **90**.
- Chrome: from 49 to **90**. We have [assumed](https://developers.google.com/search/blog/2019/05/the-new-evergreen-googlebot) that Googlebot is always using the latest version of Chrome.
- Safari: from 10 to **12.5**

Stop all work on IE 11, but specific IE 11 will only be removed in v6.
Moving IE 11 to a different bundle has allowed saving [-6kB](https://github.com/mui-org/material-ui/pull/22814#issuecomment-700995216) overall.

## v4 migration

- The high-level changes required
- Installation
- ⚓️ We have introduced a new release line: v4.x.x-deprecations.x. This release line is kept in sync with the latest version of v4 and includes actionable deprecations to ease the migration to v5.
- The codemod, covered a bit in https://material-ui.com/blog/2021-q2-update/
- The migration guide
These changes have allowed us to save [6 kB gzipped](https://github.com/mui-org/material-ui/pull/22814#issuecomment-700995216) on the `@mui/material` package.

## Design kits

Expand All @@ -517,10 +539,6 @@ It's new, link core and x roadmaps.

- Data grid

## A new branding

Material-UI **is now MUI**! Head to the [dedicated blog post](/blog/material-ui-is-now-mui/) to learn more.

## Thank you

Finally, one last thank you to everyone who's contributed to MUI v5.
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.