Potluck! Node Versions, Old Man Internet, Responsive Design + MORE

Syntax - Tasty Web Development Treats

In this Potluck episode of Syntax, Wes and Scott answer your questions about resolving node version errors, using social media, bundler for building React component, and how does Syntax get made?

Prismic - Sponsor

Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.

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.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax

Show Notes

• OhMyPosh
• OhMyZ.sh
• Warp
• 02:34 How do you resolve errors when starting up a project with npm that you haven’t touched in awhile?
• 07:50 Any advice for using social media to network?
• 16:44 What bundler are you reaching for when building a React component library?
• tsdx
• Vite
• 18:37 Do you have experience with optimizing third party scripts like Google Analytics?
• Partytown
• 21:37 What’s your opinion on a “offline-first” mentality?
• PouchDB
• CouchDB
• Supabase
• MongoDB Realm
• 25:09 Sponsor: Prismic
• 26:48 How do you make web components with Svelte?
• Build web components in Svelte
• Using custom elements in Svelte
• 30:35 When talking about “responsive” web design do people generally mean using flexbox or grid?
• Responsive Design at 10
• Responsive Web Design
• A Book Apart - Responsive Web Design
• 35:24 Sponsor: Sentry
• 36:53 Do you have any tips for staying in React-land for just spinning up a fresh site quickly?
• 40:47 Who or what helps you produce and distribute the podcast?
• Lemon Productions
• Chris Enns on Twitter
• 46:08 Should a majority of _lodash functions be considered deprecated follow up
• 48:18 Sponsor: Freshbooks
• 48:52 Do you have any tips or tricks to deal with backend data date issues?
• 52:23 Is the “col” system the peak of how we handle CSS, or should we start using more built-in functions?
• 55:25 Why you you need CSS Color Functions at runtime instead of just pre-calculating these values once as a build step using LESS or SASS?
• 58:58 SIIIIICK ××× PIIIICKS ×××
• 03:12 Shameless Plugs

××× SIIIIICK ××× PIIIICKS ×××

• Scott: Can tumbler glasses
• Wes: Car Sound Deadener

Shameless Plugs

• Scott: LevelUp Tutorials
• Wes: Wes Bos Tutorials

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