Coding Design Systems | ep 03 | Stitches - Part 2
Every Tuesday at 5:30PM UTC, join Georges Gomes and m4dz in a new live coding session about Design Systems on Backlight.dev!
⎯⎯⎯ In this episode ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
0:00 - Intro 0:40 - The Stitches Starter Kit 1:39 - Creating a new branch for updates 2:00 - Fixing Sizes tokens 3:15 - The Button Component 9:20 - Adding a Disabled variant 26:40 - Creating Component documentation 36:22 - Pushing the branch 37:16 - Outro
⎯⎯⎯ Description ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
This week, we continue our Tech Sample to demo Stitches by Modulz. We work on adding variants to our button component, fixing elements, and using the built-in diff tool to commit and push the changes to the underlying repository on Github.
⎯⎯⎯ Resources ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
- Stitches: https://stitches.dev/
- Dockit-react Documentation Framework: https://github.com/divriots/dockit-react
- Stitches Tech Sample in Backlight: https://backlight.dev/review/oDcLTC4uuKc9dEF5lbrz/?utm_campaign=sessions%3Acds
- Stitches Open Source Design System Tech Sample: https://github.com/divriots/starter-stitches
- Backlight Design Systems Editor: https://backlight.dev/?utm_campaign=sessions%3Acds
- 🐥 Stitches: https://twitter.com/stitchesjs
- 🐥 Georges Gomes: https://twitter.com/georges_gomes
- 🐥 m4dz: https://twitter.com/m4d_z