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

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 27 July 2022

⏱️ 65 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

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

Transcript

Click on a timestamp to play from that location

0:00.0	You're listening to syntax, the podcast with the tastiest web development treats out there.
0:06.0	Strap yourself in and get ready. Here is Scott Tillinski and West Boss.
0:11.2	Welcome to syntax. We got a put luck for you today. This is where you send in the questions.
0:16.0	We will answer them. It's a great episode full of all kinds of really good questions.
0:21.3	We're going to get right into it. We're sponsored by three awesome companies today.
0:24.7	Prismac, they are the hosted headless CMS, sentry, error, exception, performance, tracking,
0:31.3	and fresh books online, accounting, bookkeeping, software. We'll talk about all of them part
0:36.0	with you through the episode with me as always is Mr. Scott Tillinski. How you doing today, Scott?
0:40.3	Hey, dude, good man. I'm just tweaking my, tweaking my shell here a bit. Not my turtles shell,
0:47.3	my, or no, my prompt. I guess it's my prompt, my, my prompt. Yeah, I'm trying to owe my posh.
0:53.2	I don't know if you've seen that, but it's pretty neat. Is that a, is that a H?
0:57.1	Groptor. It's a ZSH prompt and a lot of really nice,
1:01.7	config options, a lot of really nice default themes and a ton of really interesting features.
1:06.4	So I don't know, give them a check. That's cool. I recently switched over to warp,
1:12.6	and they, because they finally let you use your existing prompt on it. And I was very happy.
1:19.4	Although, like, one of the features of warp is the ability to keep all of your prompt and everything
1:25.2	when you're assessaging into another box, which is great, because like, have you ever,
1:31.1	like, you log into a server or even you log into your Synology and like, you've lost all your,
1:35.8	yeah, I hate everything that makes you comfortable in the shell. So one of the features of,
1:40.9	of warp is supposed to be that you keep all of that and all of your shortcuts and everything.
1:45.2	I couldn't get to work. I don't know what, what I'm doing wrong, but I really want that.
1:49.9	I know every, I think about installing ZSH on like everything, like whether it's my,
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.