Styled Components VS Emotion - Which performs better?

In this lesson we do a CSS in JS Performance Comparison between #StyledComponents and #Emotion. We also look at how we can create our own performance tests using microsoft #PlayWright 🌹
Additional Resources:
Final Source Code
github.com/basarat/css-in-js-...
Course on Playwright
• Playwright Course
👇 SUBSCRIBE for MORE 👇
kzbin.info?su...
*Feel Free To Read This Lot*
I'm Basarat, That TypeScript Guy and I love helping developers. More about me:
Microsoft MVP for TypeScript
Lead Frontend Practice at Australia Post
Creator designtsx.com
150K contributions on Stackoverflow. Top Contributor for TypeScript.
Book Author : Beginning NodeJS
Book Author : TypeScript Deep Dive
Egghead Instructor : egghead.io/instructors/basara...
Creator of multiple hot ✨ed Github Open Source projects
Follow me on twitter: / basarat
Follow me on github: github.com/basarat
Donate: www.paypal.me/basaratali
Website: basarat.com/

[@basarat]

For those that are new to playwright I also have a complete course on it here on KZbin : kzbin.info/aero/PLYvdvJlnTOjEu-Zp9YH3hutPmuFURp2pq 🌹

[@HrodgeirDoes]

So much content in such a short video. Thanks 🙏🏼

[@ryandowd]

This is REALLY cool! Thanks for the video

[@mohammadkermani2987]

Thank you Basarat! As always, very helpful and interesting 🌹

[@basarat]

Thanks! 🌹

[@Kreynarr]

Great comparison, thanks!

[@erjonasllani2810]

Nice video btw, helped a lot 👍

[@user-rg3rt7hc9c]

it was excellent. Thanks

[@ostadomid3355]

Wow, another great video

[@noccer]

I learned a lot from this little video, hadn't seen playwright or perf_hooks before. Thanks as always for sharing Bas. I look forward to one day getting back to React Melbourne Meetups 🙂 ☘️

[@basarat]

Glad you enjoyed it ☘️ Thanks for leaving a comment ❤️ I'm looking forward to catching up at the Meetups as well 🌹

[@ArtiomNeganov]

Great video! Very concise and up to the point. I wish everybody would also fast-forward their boring typing parts, making 6 minutes videos - one hour sessions.

[@basarat]

Thanks 😁

[@lucasa8710]

great work

[@eminqasimov3398]

Pls add stitches css in js for comparison

[@verdipratama]

emotion 😍💕

[@andresa9913]

Indeed emotion is faster!!

[@dgcp354]

Why does typescript look painful

[@cardbored_]

Because it makes JavaScript closer to big boy programing languages.

[@dgcp354]

@@cardbored_ I got back to Java and rememberd TS is mimicking it , and I realized how plain javascript is cut back

[@erjonasllani2810]

Yeah, but I see you wrote the CSS code all yourself, so if supposedly you made a typo and that CSS line wasn't correct how would you know that. Cuz it seems vscode doesn't show any error if a CSS attribute is set incorrectly. Even formatting the code with a formatter like Prettier doesn't seem to format the code inside a component. I hope you read this commend and reply and help me with this problem

[@learnmaziyyah473]

fIRST