Josh Goldberg

Most CSS developers today write visual styles in terms of what you literally see: exact color values, size numbers, and so on. But what if you could write styles as a function of how they fit into your design system? And what if you could get type safety in specifying and using those values, including in responsive props?

This talk will dive into some of the key features and flaws in many design system builders today such as Chakra UI and Tailwind. We'll establish what the best next steps for design systems should be with type-safe TypeScript APIs and performance both for prebuilt pages and at runtime.

TypeScript brought type safety into the forefront of modern web development, and along with ESLint, helped popularize development-time 'static analysis' checks for JavaScript(-like) projects. But the vast majority of software projects don't fully configure either tool to its maximum potential. I'm going to show you all the wonderful bugs, code smells, and general bad practices that can be detected automatically before your code gets run.