1d:I[2890,["266","static/chunks/870fdd6f-4fcc92c129a57d11.js","970","static/chunks/970-91a3a37cc668faba.js","857","static/chunks/857-3b2a1421afa266d2.js","965","static/chunks/app/podcasts/episode/%5BpodcastEpisodeGuid%5D/page-e939c6b91b4a25d4.js"],"default"] 1e:I[1318,["266","static/chunks/870fdd6f-4fcc92c129a57d11.js","970","static/chunks/970-91a3a37cc668faba.js","857","static/chunks/857-3b2a1421afa266d2.js","965","static/chunks/app/podcasts/episode/%5BpodcastEpisodeGuid%5D/page-e939c6b91b4a25d4.js"],"default"] 1f:T6e9,

Topics include:

What CSS-in-JS even is
What Emotion does differently than other CSS-in-JS libraries
How to actually use Emotion to style your projects
How the JSX pragma works and what it's for
How Emotion works under the hood
Performance
Adding global styles to your project
Style re-use and composition in Emotion
Using Emotion with server-side rendering

Sponsors:

Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free
DigitalOcean, get your free $50 credit at do.co/fullstack

Links:

‌

Episode description

117: Mitchell Hamilton - Writing CSS-in-JS with Emotion

Episode description