3min chapter

React Round Up cover image

Shifting Away From CSS-in-JS With Sam Magura - RRU 211

React Round Up

CHAPTER

React Components

At spot we weren't just using emotion like directly on DOM elements. I saw that these little components were actually a kind of non-trivial amount of our render times in the profiler and so that's what caused me to be like all right I'm going to rewrite this page with plain CSS. That was really like the kind of aha moment where I was like that cut the render time in half oh wow so half of our time rendering this component was just attaching CSS to these box components, flex components and these typography components. We were really deriving very little value from those components over use something like CSS modules or utility classes which would have been much more performant.

00:00

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode