The Essential Guide to Material-UI Styled Components (MUI v5)

Material-UI version 5 made the styled API one of two primary component styling APIs. Unfortunately, the complexity of styled componenents in Material-UI increased exponentially. For example, now developers must decide: Should I use the styled API that wraps emotion? Should I use the styled API that wraps styled-components? Should I use styled components directly in … Read more

Add Hover Styling to a Material-UI Button with Styled Components

Material-UI is compatible with the popular Styled Components library. While MUI normally uses JSS, devs can choose whichever styling library they prefer. Most of the Material-UI docs give examples using JSS and it can be difficult to figure out proper syntax for combining MUI with Styled Components. However, buried deep inside the MUI docs is … Read more

JSS vs Styled Components: Deciding Which to Use

JSS and Styled Components are two excellent styling libraries with wide usage, strong features, and popular support. As of September 2021, both libraries are hovering around the 2.5 million weekly downloads mark. If you are comparing JSS vs Styled Components for a new project, the below examples and guide should help you make a decision. … Read more