1.29 - Using CSS in JS with Stitches

Pedro Duarte

Links

• https://twitter.com/peduarte

Details

Pedro Duarte is a DX Engineer at Modulz. He is a frontend developer with over 10 years experience with a focus on UI, design systems, developer experience and under engineering.

Modulz is a visual code editor for designing and building digital products—without writing code.

Questions

1. What is CSS in JS?
2. Why use CSS in JS?
3. Why did Modulz create Stitches?
4. What's special about Stitches?
5. Is Stitches similar to styled components?
6. How does it differ from libraries like Emotion and Chakra?

Additional Links

• Stitches docs: https://stitches.dev
• Stitches repo: https://github.com/modulz/stitches
• Stitches twitter: https://twitter.com/stitchesjs
• The Future of the Front-End: https://www.youtube.com/watch?v=Gw28VgyKGkw&t=3585s
• Radix UI: https://radix-ui.com/primitives/docs/overview/introduction
• NPM Comparison of libraries: https://www.npmtrends.com/@chakra-ui/core-vs-@emotion/core-vs-styled-components-vs-@stitches/react

Purrfect Picks

These are fun picks of the week. Maybe something you bought online, a great show you are currently watching, or that last book that you thought was amazing.

Pedro Duarte

• Two Distant Strangers, on Netflix https://www.netflix.com/title/81447229

Brittney Postma

• https://css-tricks.com/the-differing-perspectives-on-css-in-js/
• https://www.snowpack.dev/

Alex Patterson

• Invincible: https://www.imdb.com/title/tt6741278/
• JS and Friends: https://www.javascriptandfriends.com/