Syntax - Tasty Web Development Treats

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

· Summarized

Share this episode
Anyone with this link can open it.
Share Link
Start at 0:00

Key takeaways

  • Feedback on podcast formats is crucial. Balancing video and audio content can enhance the listening experience.
  • The JavaScript ecosystem is evolving, with developers increasingly favoring frameworks over many small packages for ease of use.
  • Work-from-home challenges can significantly impact productivity. Open communication with co-parents can help manage shared workloads.
  • Consider tools like Bundle Phobia to manage and reduce JavaScript bundle sizes effectively.
  • It's important to engage with ESLint errors directly to maintain code quality rather than employing workarounds that could cloud issues.

Summary

Introduction to the Potluck Episode

In this fun potluck-style episode of Syntax, hosts Wes and Scott discuss a variety of listener-submitted questions ranging from ESLint errors to the use of the HTML time tag. The episode kicks off with some lighthearted commentary about a basketball game they commentated together.

Video Podcast Feedback

Listeners provide feedback on the video podcast format, expressing that some episodes don't work well in audio-only format. The hosts acknowledge this and consider adjustments, including potentially making code-related episodes video-only.

NPM Packages vs Frameworks

A listener inquires about the changing perceptions in the JavaScript community regarding small npm packages versus larger frameworks. The hosts discuss the evolution of the JavaScript ecosystem, pointing out the fatigue from managing numerous small dependencies and how that has made developers more open to larger, more inclusive frameworks.

Managing Work-from-Home Life with ADHD and Kids

Dealing with distractions while working from home, especially for parents of young children, is discussed. The hosts share personal anecdotes and strategies for maintaining productivity amidst the challenges of parenting.

CSS Modules vs Traditional CSS

Scott and Wes address criticisms surrounding CSS modules. While they acknowledge the utility, they express preference for simpler approaches like BEM or just writing plain CSS due to the extra complexity that CSS modules introduce.

JavaScript Bundle Size Reduction

Listeners inquire about reducing excessive JavaScript bundle sizes in their React applications. The hosts recommend tools like Bundle Phobia and techniques like proper tree-shaking and lazy loading to minimize bundle size effectively.

Local First Maps Concept

Ideas surrounding how to implement local-first principles in map applications are explored. The hosts examine the feasibility and implications of offline functionality for maps.

ESLint Error Management

A listener struggles with a massive number of ESLint errors in their codebase and seeks advice on how to manage it. The hosts suggest fixing many issues manually rather than disabling them and emphasize the importance of keeping linter warnings visible.

Sick Picks and Recommendations

In the end, the hosts share their personal recommendations, encapsulating their recent favorite picks, demonstrating their connection to practical tools and entertainment.

Sponsors

  • Sentry.io · Sentry helps you track down errors and performance issues in your web applications, compiling data from various browsers and locations for you to fix bugs effectively.

Show notes

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

Follow this show on AudioBrevity and new episodes get summarized for you. Create a free account

Couldn't load the audio. A blocker may be stopping the show's tracking links. Open the file