Potluck - Subscriptions × ES Modules in Node × Chicken Thigh × Being a Good Dad × Refactoring × More!

Episode Summary

Executive Summary: Syntax’s “potluck” episode covers practical web-dev questions across React subscriptions, Node ES module aliases and loaders, career growth without switching jobs, Git LFS vs build artifacts, grilling tips, CSS sizing units, CMS trade-offs, and maintenance strategies for legacy dependencies. The hosts consistently favor pragmatic, incremental choices, emphasizing tooling maturity, developer ergonomics, and when to build versus buy.

Main Topics: Subscriptions, pub/sub, and React side effects: Explains that subscriptions are a general programming concept involving listening to external events or streamed data, such as WebSockets or event listeners, and why React treats them as side effects. Node ES modules, aliases, and custom loaders: Discusses aliasing imports in Node ESM using loaders, with the suggestion that custom loaders could intercept module paths, though Babel is recommended for now due to current ecosystem maturity. Career growth, salary, and responsibility: Advises a developer in a flat hierarchy to grow by taking on business-impacting responsibility, ownership, and special projects rather than expecting a pure coding role to automatically pay more. Git LFS, build artifacts, and dependency lockfiles: Clarifies that Git LFS is useful for storing large source assets, not generated build output, and discusses common pain points with yarn/npm lockfile conflicts and dependency updates. CSS units, inline CSS, and styling strategy: Covers rem vs em vs pixels, preferring rem for global scaling and em for parent-relative components, while questioning fears about inline CSS causing XSS and supporting critical CSS inlining for performance. CMS vs custom admin tools: Debates when to build a CMS/admin area yourself versus using a headless CMS, focusing on the time cost of edge cases, data management, and UX features like drag-and-drop reordering. Personal development and parenting: Shares advice on being a first-time father: support your partner, avoid competing over tiredness, spend intentional time with children, and model behavior because kids copy everything.

Key Arguments: Subscriptions are not React-specific; they are any mechanism for listening to external updates, such as event listeners or live database/WebSocket data. Custom Node ES module loaders could eventually solve aliasing and file transpilation, but Babel remains the safer, more mature solution today. To earn more in a flat organization, developers should align their work with business outcomes, not just code delivery, and seek ownership or process improvements. Git LFS is for large source assets, not build output, because build artifacts should not be committed repeatedly into Git history. Dependency lockfiles frequently conflict because they capture deep transitive dependency trees; frequent updates and occasional reset/reinstall are often practical. Rem is preferred for scalable site-wide typography, while em is best when an element should scale relative to its parent component. Inline CSS is not inherently an XSS risk in the way some outdated warnings suggest; critical CSS inlining is still a valid performance technique. CMSs are valuable when the cost of building robust admin features, validation, and edge-case workflows outweighs the control of custom code. Good parenting means supporting your partner, making time for your kids, and recognizing that children absorb and repeat everything they see and hear.

Data Points: Build output growth: ~2,000 images - Wes described generating several sizes/compressions for roughly 400 site images, resulting in a couple thousand images in output Image count on website: 400+ images - Used as the basis for discussing Gatsby Parallel Runner and why build output should not be stored in Git LFS Course coupon discount: $10 off - Wes promoted his courses with coupon code Syntax Free trial promotion: 2 months free - Sentry sponsorship offer using coupon code hasty treat Typography base size: 10px - Discussed setting the HTML base font size to 10px for easier rem calculations Child age reference: just over 1 year old - Used in a parenting anecdote about play and engagement with a younger child Legacy tool version: Node 8 - Scott noted having apps still running on Node 8 until platform support or security concerns force upgrades

Pivotal Quotes: "Subscriptions in React or programming in general ... is a side effect" — Wes Boss: Explaining that subscriptions mean listening to external events or streams, such as WebSockets or event listeners "I absolutely agree with you. I really, really cannot stand relative imports" — Wes Boss: Reacting to a question about ESM aliasing and deeply nested relative paths "Nobody wins the who's more tired game" — Scott Tolinski: Parenting advice about supporting a partner during newborn and early-childhood exhaustion

Implications: Listeners should favor pragmatic, maintainable solutions: use new web/platform features when mature, but avoid premature complexity. The episode reinforces that career growth, performance tuning, and architecture choices are best guided by business value and real-world workflow friction.