[pigment-css][POC] Performance improvement on mui.com/blog - Githubissues

mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

https://mui.com/material-ui/

MIT License

94.06k stars 32.32k forks source link

[pigment-css][POC] Performance improvement on mui.com/blog #40780

Open siriwatknp opened 10 months ago

siriwatknp commented 10 months ago

Goal

Get a real scenario result when the current styled engine (emotion) is replaced with zero-runtime.

/blog	Pages router	App router
emotion	result	result
hybrid (components migrated except `sx`)		result
zero-runtime		result

Components

These components need to be migrated to opt in to zero-runtime API:

[x] ⏳ Alert https://github.com/mui/material-ui/pull/41230
[x] Avatar https://github.com/mui/material-ui/pull/40324
[x] ⏳ AvatarGroup https://github.com/mui/material-ui/pull/41485
[ ] Box
[x] ⏳ Button https://github.com/mui/material-ui/pull/41378
[ ] Container
[x] ⏳ Chip https://github.com/mui/material-ui/pull/41592
[x] ⏳ Divider https://github.com/mui/material-ui/pull/41366
[x] ⏳ FormLabel https://github.com/mui/material-ui/pull/41613
[ ] ⏳ FormHelperText (waiting for codemod)
[x] ⏳ IconButton https://github.com/mui/material-ui/pull/41850
[ ] ⏳ InputBase
[ ] ⏳ Link - Need solution for extendSxProp
[ ] ⏳ Typography - Need solution for extendSxProp
[ ] ⏳ Paper - uses useTheme
[x] ⏳ Pagination, PaginationItem https://github.com/mui/material-ui/pull/41848
[x] ⏳ SvgIcon https://github.com/mui/material-ui/pull/41779

aacevski commented 7 months ago

Is the Input Base ready to be worked on and convereted to support Pigment? If not, what would you suggest I take on next? 🚀