📝 Blog Post: Type Safe Style Systems

[JoshuaKGoldberg]

Overview

I've given a few variations of this talk and have talked about it with a few folks individually. I think it'd be good to collect the story & reasoning into one place:

1. How'd We Get Here?
   • An overview of that 'W' shape of effort in the modern landscape
   • Brief history of how these systems all evolved
   • Current trends of how each of those areas are evolving. In particular:
   • Clean CSS: CSS variables, new CSS features, and Tailwind systems & abstractions
   • Dynamic Systems: design systems and scalability patterns
2. Respective Strengths
   • Clean CSS: Smaller repositories, static & performant content, building design systems
   • Dynamic Systems: Multi-team organizations; complex sites; building design systems too
3. The Future
   • Where both systems fail: type safety with responsive layouts; difficulty in creating variants
   • A "perfect"(-ish) system proposal: the cleanliness of Tailwind and the scalability of Chakra UI
   • Why continuing to iterate on these scalable systems is important for the industry