Skip to content

Commit

Permalink
[blog] Polish Why you should migrate to Material UI v5 today
Browse files Browse the repository at this point in the history
  • Loading branch information
oliviertassinari committed Jun 21, 2022
1 parent fecfcf3 commit 5555e78
Show file tree
Hide file tree
Showing 7 changed files with 12 additions and 5 deletions.
@@ -1,6 +1,6 @@
import * as React from 'react';
import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog';
import { docs } from './migration-update.md?@mui/markdown';
import { docs } from './mui-core-v5-migration-update.md?@mui/markdown';

export default function Page() {
return <TopLayoutBlog docs={docs} />;
Expand Down
@@ -1,7 +1,7 @@
---
title: Why you should migrate to Material UI v5 today
description: We have completely revamped our Migration guide to reduce friction when upgrading to v5. Get started now!
date: 2022-06-15T00:00:00.000Z
date: 2022-06-20T00:00:00.000Z
authors: ['samuelsycamore']
card: true
tags: ['MUI Core']
Expand Down Expand Up @@ -38,9 +38,16 @@ This offers significant advancements in performance when it comes to dynamic sty
Emotion unlocks many new customization options that developers had been requesting for years, such as custom style utility props, color variants, and custom theme variants.
Check out [this RFC on GitHub](https://github.com/mui/material-ui/issues/22342) for details about this change.

![Screenshot of the new style engine GitHub issue in Material UI's repository](/static/blog/migration-update/style-engine.png)
<p>
<a href="https://github.com/mui/material-ui/issues/22342">
<img
src="/static/blog/mui-core-v5-migration-update/style-engine.png"
alt="Screenshot of the new style engine GitHub issue in Material UI's repository"
/>
</a>
</p>

Keep in mind that the new style engine is 100% incrementally adoptable: you can use JSS and Emotion together in the same app while migrating your components over.
Keep in mind that the new style engine is 100% [incrementally adoptable](/material-ui/migration/migrating-from-jss/): you can use JSS and Emotion together in the same app while migrating your components over.

### 3. Better customization tools

Expand Down Expand Up @@ -74,7 +81,7 @@ export default function BoxSx() {

All prop descriptions are now written in TypeScript, which means that you can access details about the usage of a given prop right inside of your IDE—no need to seek out the official documentation to find this information.

![Screenshot of IntelliSense tooltip showing the details about the Material UI Badge component](/static/blog/migration-update/intellisense-tooltip.png)
![Screenshot of IntelliSense tooltip showing the details about the Material UI Badge component](/static/blog/mui-core-v5-migration-update/intellisense-tooltip.png)

### 5. Upcoming CSS variables support

Expand Down
Binary file not shown.
Binary file not shown.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 5555e78

Please sign in to comment.