Potluck × Native Web Components × JS Class Mixins × Application Secrets

Feb 15, 2023

This episode dives into the intriguing world of home automation, with the hosts sharing their experiences installing smart switches. They explore the implementation of native web components, weighing the pros and cons of using them independently versus in a component tree. The conversation also covers JavaScript mixins, CSS custom properties, and the intersection of coding and marketing. Listeners get tips on managing application secrets while balancing family life, all wrapped up with personal recommendations for shows and smart tech!

Ask episode

AI Snips

Chapters

Transcript

Episode notes

ANECDOTE

Home Electrical Projects

Scott and Wes discuss their recent home electrical work, both installing smart switches.
Wes recommends Klein wire strippers and WAGO 221 connectors.

ADVICE

Custom Syntax Browser

Explore Bumhand's custom Syntax podcast browser.
It offers browsing by year, category, and keyword search.

ADVICE

Using Native Web Components

Use native web components as needed, not for every element.
Leverage their style encapsulation for interactive elements or when Shadow DOM benefits outweigh SSR limitations.

Get the Snipd Podcast app to discover more snips from this episode

Get the app

In this potluck episode, Scott and Wes talk home electicity, and then answer your questions about native web components, JS class mixins, JavaScript for marketers, managing application secrets, and more!

Sentry - Sponsor

If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.

Show Notes

00:10 Welcome
01:09 Sponsor: Sentry
02:18 Electrical house update
Klien Wirestrippers
07:45 Custom Syntax podcast browser
Custom Syntax browser
09:29 When using browser native web components (i.e. extends HTMLElement), should the whole application be wrapped in a component tree similar to how React apps do it?
Deno
Using Web Components with Next or any SSR Framework
16:12 Should I avoid JS/TS class mixins?
21:07 Is it acceptable to have any string value as a value for a CSS custom property?
26:48 Should agencies consider building marketing sites with JS frameworks or is Wordpress still the best option here?
33:56 What are the main things to think about when laying the foundations for an app or project that will hopefully grow into something big?
41:24 Will Javascript skills give me an edge over other local digital marketers?
WordPress
Ghost
46:00 What tool, if any, do you use for publishing packages?
50:19 Do you have any suggestions on how I can find time to code more?
Bit
54:17 how do you both manage your application secrets (API keys, database credentials etc) when deploying to Digital Ocean or Linode?
58:52 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Scott: Physical 100
Wes: Leviton D23LP-2RW Decora Smart Wi-Fi Mini Plug-In Dimmer

Tweet us your tasty treats

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