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 (https://epicreact.dev/css-variables/)
• Check out Vanilla Extract (https://vanilla-extract.style/) Resources
• Vanilla Extract (https://vanilla-extract.style/)
• Playroom (https://github.com/seek-oss/playroom)
• Braid (https://seek-oss.github.io/braid-desi...)
• A Unified Styling Language ( / a-unified-styling-language ) Guest: Mark Dalgleish
• Twitter: @markdalgleish ( / markdalgleish )
• GitHub: @markdalgleish (https://github.com/markdalgleish) Host: Kent C. Dodds
• Website: kentcdodds.com (https://kentcdodds.com/)
• Twitter: @kentcdodds ( / kentcdodds )
• GitHub: @kentcdodds (https://github.com/kentcdodds)
• YouTube: Kent C. Dodds ( / @kentcdodds-vids )
• Epic React: epicreact.dev (https://epicreact.dev/)