this might create a quite deep DOM tree that could affect performance
Styling in React is hard
Tommi Pääkkö

Note that styled-components doesn’t render anything extra to the DOM, it’s just adds a wrapper React component around your DOM nodes. (no extra HTML tags)

We benchmarked this before releasing styled-components, and the performance impact is surprisingly negligible. (single digit milliseconds for 10k elements with/without wrapper components) It’s not a lot of extra work for React to render a wrapper component into the “virtual DOM”, and we don’t render anything extra to the DOM!

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.