820: Potluck: 8000 ESLint Errors × HTML Time Tag × 7 Meg React Bundle × CSS Modules

Syntax - Tasty Web Development Treats

In this Potluck episode of Syntax, Scott and Wes answer your questions, from weighing the trade-offs between numerous small npm packages and a few larger ones to managing the challenges of work-from-home life. They also explore CSS modules, strategies for shrinking JavaScript bundles, and even where to find the best replacement ear cups for your headphones.

Show Notes

• 00:00 Welcome to Syntax!
• 00:38 Commentating basketball.
• 01:16 Brought to you by Sentry.io.
• 02:09 The video podcast doesn’t translate well to audio.
• 04:08 Many small npm packages vs a few large.
• 09:55 Developers dealing with WFH, ADHD, and kids.
• 15:59 CSS modules for scoping styles to components.
• 20:55 Scoped CSS in React?
• 23:21 Reducing JS bundle sizes.
  • Bundle Phobia.
  • Javascript Bundle Analysis [Beta].
• 29:44 Balancing learning, doing, and teaching.
• 33:04 Making maps local first.
• 36:20 How to pronounce ‘schema’.
  • Wes Bos Tweet.
• 37:09 HTML tag.
• 40:11 Where to get replacement ear cups for headphones?
  • wickedcussions.
  • Scott’s Audeze Headphones.
• 42:21 ESLint and hiding errors.
• 48:48 Sick Picks & Shameless Plugs.

Sick Picks

• Scott: Allen Wrench Set.
• Wes: Clarkson’s Farm – Amazon Prime.

Shameless Plugs

• Wes: Syntax.fm, YouTube

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads