Building a design system with React

This talk will take you through our journey to Polaris. An overview of what a design system is, why you would want one, and how we built ours at Shopify. I will give you a behind the scenes look into the technologies and patterns we used to build the system. React, TypeScript, CSS modules, markdown, and how they all come together to build something that both designers and developers will enjoy using.

Transcript

1. Building a design system with React This is what the TypeScript interface looks like for the props a banner accepts.
3. What is a design system? How do we build? How do we evolve? Building a design system with React
4. What is a design system?
12. Content
13. Design
14. Components
15. Accessibility
16. UI Kit
17. Telescope
18. How do we build?
19. React
20. TypeScript
21. Markdown
22. Design tokens
23. Banner
33. README
35. Styling
41. HTML
42. Context
44. How do we evolve?
47. Office hours
49. Forking components
55. Thanks.