Design Systems with Stitches - FEVR 16/12/20

A live coding session on how to get up and running with Stitches.

Stitches - https://stitches.dev
Modulz - https://modulz.app
Radix Primitives - https://radix-ui.com

Transcript

1. Design Systems 
 Stitches 16/12/20 — FEVR BY @PEDUARTE
2. Pedro Duarte @PEDUARTE
3. UI Modulz
5. Stitches
6. Radix UI
7. Table of contents Introducing Stitches Philosophy Tokens Variants Utils Overrides Live Demo Install Set up Use Design System Background
8. Design System Background
9. Consistent UI
10. Source of truth
11. Common language
12. Introducing Stitches
13. PHILOSOPHY
14. Lightweight PHILOSOPHY
15. Performant PHILOSOPHY
16. Modern PHILOSOPHY
17. Developer Experience PHILOSOPHY
18. VARIANTS
19. 1st class API VARIANTS
20. Typed VARIANTS
21. Responsive VARIANTS
22. Conditional VARIANTS
23. VARIANTS
24. TOKENS
25. Consistency TOKENS
26. Interoperable TOKENS
27. Property-aware TOKENS
28. TOKENS
29. UTILS
30. Common Language UTILS
31. OVERRIDES
32. Escape Hatch OVERRIDES
33. Live Demo
34. What’s next?
35. Stable Version WHAT’S NEXT
36. Benchmark Tool WRAPPING UP
37. Vue, Svelte, DOM, etc WHAT’S NEXT
38. stitches.dev
39. Thank you PEDRO DUARTE @PEDUARTE