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

2022-07-27

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...

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