There is a diverse range of philosophies when it comes to CSS. Settling on something that fits the needs of your team and application can be a real challenge. Mark Dalgleish, the co-creator of CSS Modules, has been working on an option that might make that choice less of a challenge!

Vanilla Extract is kind of like "CSS-modules in TypeScript", allowing you to write CSS in your TypeScript, with locally scoped variables, and generate static CSS files on runtime. If you're interested in getting a deeper look, as well hear more about design systems, CSS in JS, and CSS Modules, check out this episode!


Homework* Follow along with this blog post - Use CSS Variables instead of React Context * Check out Vanilla Extract

Resources* Vanilla Extract * Playroom * Braid * A Unified Styling Language

Guest: Mark Dalgleish* Twitter: @markdalgleish * GitHub: @markdalgleish

Host: Kent C. Dodds* Website: kentcdodds.com * Twitter: @kentcdodds * GitHub: @kentcdodds * YouTube: Kent C. Dodds * Epic React: epicreact.dev