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

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

Syntax - Tasty Web Development Treats