mui / pigment-css

Pigment CSS is a zero-runtime CSS-in-JS library that extracts the colocated styles to their own CSS files at build time.
MIT License
389 stars 18 forks source link

Most sensible upgrade path from MUI 4 to 6 #141

Open kabforks opened 1 week ago

kabforks commented 1 week ago

Hello!

I'm very, very excited for Pigment CSS!

However, it's a little unclear to me what the best path forward is, for a MUI 4 app. My employer made me maintainer for this React 16 + MUI 4. So right now I'm upgrading React, Routers, Store etc, and of course, MUI.

The entire app uses "makeStyles", and there are no styled components at all (no imports of styled). Having soon upgraded this to MUI 5, what can I expect of challenges going to MUI 6?

I read that:

The processor looks through the source code for styled(), css(), and other function calls and extracts the arguments to be evaluated. These values are then handed back to Pigment CSS for additional parsing and evaluation.

Does it look through makeStyles? I've read through https://mui.com/blog/introducing-pigment-css/ and it doesn't mention makeStyles at all.

Thanks for any input on this matter 😊

Search keywords: