Upgrading from 5 to 6 on React Native is definitely not straightforward, it's confusing since there's no documentation (that I could find, the only one available is stuck at v5). Could you please provide an up to date guide to setup Styled Components on React Native? More on github.com

Styled Components More on reddit.com

I think Styled Components are a great place to start when learning React. However, SCSS modules are way cleaner in my opinion, and they can be modularized to different components. Plus, for me, I like to keep styles on their own sheet. But, do what feels right, pleases your client/senior, and follows general best practices! If you like SC, use it! More on reddit.com

Most companies I've worked for in the last 4 or 5 years have been using some form of CSS in JSS (mostly styled-components, emotion in some places). It's basically CSS syntax with the added benefit of being able to change it conditionally based on react props, so it's pretty powerful (ex: a size property for a Text component that changes its font-size). Regarding MUI, I've not used it recently but they seem committed on supporting interoperability with CSS-in-JS frameworks. It's worth noting they provide their own styled utility so if you're already using MUI in a project, you might want to start using this instead of adding another library. All in all, I really like styled components. I think it fits the React philosophy really well: component oriented and declarative. It's also been a great fit with how my designer coworkers work: I can't tell if it's sheer coincidence or the actual dominating trend in design, but most of the designers I've worked with live and die by atomic design , they build design systems with basic blocks, add variants and build bigger blocks on top of the existing ones, and CSS-in-JS libraries have been nothing but accommodating for this approach so far. More on reddit.com