Simplifying Component Libraries for Better Design Systems

In this Hasty Treat, Scott and Wes talk about abstraction in general as well as javascript programming.

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

1:48 - What the heck is abstraction?

• I like to think of it as sweeping under the rug
• Vue and React devs should be very familiar with the concept

4:44 - When to abstract

• When things are getting too heavy
• Personal preference
• Some people have an arbitrary line limit

7:25 - When not to abstract

• When savings are minimal
• When it just adds a pointless layer

9:40 - Personal code abstractions vs public

• My personal focus is on API simplicity and baked-in smart defaults
• More specific
• Public APIs need to be more flexible or at least for some components

• React
• Vue
• Svelte
• Max MSP
• chakra UI

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets