Syntax - Tasty Web Development Treats

Latest Episodes:

Syntax Live at Reactathon Jun 08, 2022

Show notes

In this episode of Syntax, Wes and Scott are live from Reactathon 2022!

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.

Payments Hub - Sponsor

There are hundreds of payments processing companies out there. Hit up developer.paymentshub.com/syntax to learn more about how Payments Hub Developers not only processes ecommerce and in-person payments, but also boards and underwrites your merchants in as little as 90 minutes. We are currently offering Syntax listeners who become new partners 6 months free data through our Business Reporting API!

Freshbooks - Sponsor

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

Show Notes

Live video version
00:32 Welcome
04:10 Hot Take Tweets
What is your JavaScript Hot Take or unpopular opinion?
05:42 Semi colons are not optional
06:11 For loops are not needed
07:19 People forget about ES Harmony
08:11 Sponsor: Sentry
09:23 A good website should function without JavaScript
10:28 Classes were a mistake
10:54 Stay as close to the platform primatives
11:36 TypeScript is overrated and overhyped
11:50 Kickin it old school
PNG Fix
MM Swap image
Rounded Corner images (sliding Doors)
var that = this;
IE CSS Hack
Test for Opera var test = /^function \(/.test([].sort);
25:09 Sponsor: Payments Hub
26:29 Syntax Error
Mercurius Library
31:19 JS or NAY-S
39:02 Sponsor: Freshbooks
39:23 Q&A
Syntax episode with Josh Wardle
39:57 Using Array methods or for loops
41:12 What web tech is overhyped and what’s under hyped?
43:01 Would you rather use Dvorak or Mac butterfly keyboard?
43:41 Name all provinces and territories in Canada
44:39 Fav Syntax.fm episode
45:38 How did Wes and Josh meet?
46:52 What’s your favorite Trader Joes snack?
47:29 Would you hire a European or American developer?
49:04 How would you validate a product idea for Saas business?
49:48 What podcasts do you listen to?
Steve O Podcast

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

Stopping Malicious Actors Jun 06, 2022

Show notes

In this Hasty Treat, Scott and Wes talk about ways to prevent malicious people from using or abusing your app.

Linode - Sponsor

Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started.

Sentry - Sponsor

Show Notes

00:26 Welcome
01:04 Sponsor: Linode
02:06 Sponsor: Sentry
02:59 What kind of bad things can happen to your application?
06:24 How do you stop bad actors?
12:20 Nonce tokens
14:10 CSRF
CSRF Explained
14:50 Captcha
hCaptcha
17:06 DDOS
Cloudlfare DDOS
17:38 Ban known bad ASNS

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

Supper Club × Coding Burnout and Gardening with Anselm Hannemann Jun 03, 2022

Show notes

In this supper club episode of Syntax, Wes and Scott talk with Anselm Hannemann about burning out, trying out gardening, and how getting away from the screen can help restore your creative energy.

Hasura - Sponsor

With Hasura, you can get a fully managed, production-ready GraphQL API as a service to help you build modern apps faster. You can get started for free in 30 seconds, or if you want to try out the Standard tier for zero cost, use the code “TryHasura” at this link: hasura.info. We’ve also got an amazing selection of GraphQL tutorials at hasura.io/learn.

Strapi - Sponsor

Strapi enables developers to build projects faster by providing a customizable API out of the box and giving them the freedom to use their favorite tool as it has both REST and GraphQL endpoints. Strapi is extensible and frontend agnostic, built to cover all your content use cases. Give Strapi a try at Strapi.io/demo, find your missing content workflow piece on our marketplace, and learn more about Strapi and how it help you on our Youtube.

SeedProd - Sponsor

Our Sponsor for today’s episode is a popular WordPress plugin, SeedProd, a fast growing drag & drop WordPress website builder that helps you create custom WordPress themes & page layouts without any code. Over 1 million websites are using SeedProd to build WordPress sites faster.

You can start with one of their hundreds of pre-made website templates to save time or use the blank canvas to build a no-code website. It has built-in email marketing integrations, dynamic personalization, and many other powerful features to help you build a fast WordPress website without writing code.

Try SeedProd Pro today and get 50% off or start with their free version by downloading it from the WordPress plugin directory.

Show Notes

00:39 Welcome
01:58 Guest introduction
HelloAnselm.com
Anselm on Twitter
Web Development Reading List Newsletter
10:04 Doing things yourself as a form of therapy
14:33 Sponsor: Hasura
16:34 Rules for digital usage?
19:25 How do you learn you’re burned out?
26:30 Sponsor: Strapi
28:10 Gardening
Gardening site
Garden on Instagram
The Post Apocalyptic Inventor
29:46 What do you feed your plants?
34:09 Irrigation issues
35:52 Sponsor: SeedProd
38:03 Dealing with weeds
40:54 What about chickens?
44:20 Farming as a business
45:39 Incorporating tech into the gardening
54:06 Supper Club Questions
Today I Learned Stefan Judis
Web Design Weekly
59:09 ××× SIIIIICK ××× PIIIICKS ×××

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

Git in VS Code Jun 01, 2022

Show notes

In this episode of Syntax, Wes and Scott talk all about how they use Git inside of VS Code, extensions they use, and the various ways to interact with Git in VS Code.

Linode - Sponsor

SPONSOR - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

SPONSOR - Sponsor

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

Show Notes

00:21 Recording Syntax in Riverside
Riverside
01:22 Welcome
04:57 CLI vs VS Code
VS Code
07:27 Git Jargon
11:50 UI tools we’ve used
Git Tower
Git Kraken
GitHub for Desktop
iTerm
Warp
Git SCM
14:09 Ways to interact with Git in VS Code
19:41 Source control tab
26:28 Sponsor: Linode
27:47 File History
30:29 Diffing or Compare
36:24 Conflict resolution
42:56 Automation with post-commit commands
46:10 Sponsor: LogRocket
47:14 Extensions
GitLens
Git History
Git Graph
Conventional Commits
53:59 Git config tip
55:24 Sponsor: Freshbooks
56:02 ××× SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Scott: Espanso
Wes: AirPod cleaning kit

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

Cache Control Headers Explained May 30, 2022

Show notes

In this Hasty Treat, Scott and Wes answer a question about caching, cache control headers, an explanation of the fields for caching.

Sentry - Sponsor

LogRocket - Sponsor

Show Notes

Time to live calculator
Reminx Conf
Opera
The United States of Insanity - Official Trailer
00:24 Welcome
01:11 Sponsor: Sentry
02:28 Sponsor: LogRocket
03:08 My struggle has been with caching, cache control headers and would love a better explanation on some of the fields?
04:48 What is a header?
06:05 What is caching?
08:21 Time to live (TTL)
09:08 Benefits of a cache
10:03 Specifying how long to cache
11:06 max-age
12:45 stale-while-revalidate
16:17 stale-if-error
16:54 must-revalidate
17:21 private
18:03 immutable
19:29 no-transform
20:45 Cache Control Request Directives

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

Supper Club × Redwood JS with Tom Pretson-Werner May 27, 2022

Show notes

In this supper club episode of Syntax, Wes and Scott talk with Tom Pretson-Werner about his work on RedwoodJS, the importance of documentation, and the new Redwood Startup Fund.

AIOSEO - Sponsor

Our Sponsor for today’s episode is a popular WordPress plugin, AIOSEO, also known as All in One SEO for WordPress. It’s becoming one of the most powerful SEO toolkit and is now used by over 3 million websites to improve search rankings.

Shipshape (Whiskey, Web and Whatnot) - Sponsor

Whiskey Web and Whatnot is different than your typical dev podcast. We show a lighter, more human side of developers you know and love, like a fireside chat with your favorite devs. Past guests include Tom Preston-Werner, Kent C. Dodds, Charlie Gerard, and of course Wes Bos! We have discussed everything from Next.js and TypeScript to Chuck’s past life as a blackjack dealer, Cincinnati Chili, the best casseroles, and of course whiskey!

Show Notes

00:34 Welcome
01:36 Guest introduction
Tom Preston-Werner on Twitter
Kai’s Power Tools
04:23 Math is weird
07:21 User interface design
08:53 Sponsor: AIOSEO
10:24 What is RedwoodJS?
RedwoodJS
Chatterbug
15:31 Is JavaScript the stack you should be using these days?
18:40 Freedom vs decisions in software
Where Good Ideas Come From
23:10 RedwoodJS docs and video strategy
RedwoodJS Docs
Readme Driven Development
29:13 The tech behind RedwoodJS
Apollo
Storybook
36:20 Sponsor: Shipshape (Whiskey, Web and Whatnot)
36:58 Redwood Startup Fund
The Redwood Startup Fund
42:28 Supper club questions
VS Code
Netlify
Hacker News
RedwoodJS on Discord
RedwoodJS Discourse
RedwoodJS on Twitter

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

TypeScript Tooling Explained May 25, 2022

Show notes

In this episode of Syntax, Wes and Scott talk through TypeScript tooling, build tools, configs, and editors.

LogRocket - Sponsor

MagicBell - Sponsor

MagicBell is the The notification inbox for your product. Add a MagicBell to your product for announcements, billing, workflow, and other notifications. The free plan supports up to 100 Monthly Active Users - use the coupon code SYNTAXFM for 10% off the first 12 months.

Freshbooks - Sponsor

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

Show Notes

00:08 Welcome
01:57 Tooling
tsc
esbuild
swc
bun
Zig
13:45 LogRocket
15:01 Server side or node-ish
Deno
ts-node
wds
26:09 MagicBell
27:42 Build tools
Vite
Parcel
Nextjs
Svelte Kit
Rome
33:25 Configs
tsconfig
typescript-eslint
39:08 Sponsor: Freshbooks
40:00 Editors
VS Code
Webstorm
44:58 ××× SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Scott: Tonie
Wes: Burst Toothbrush

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

Scott’s New Office × The Levelup Lodge May 23, 2022

Show notes

In this episode of Syntax, Scott talks about his new office setup where he records videos and podcasts, writes codes, and gets his steps in.

Sentry - Sponsor

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

Show Notes

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

Supper Club × Turbo Repo with Jared Palmer May 20, 2022

Show notes

In this supper club episode of Syntax, Wes and Scott talk with Jared Palmer about Turbo Repo, how it fits in your tech stack, and what it was like being acquired by Vercel.

Whiskey Web and Whatnot - Sponsor

Show Notes

00:35 Welcome
Jared Palmer
02:15 What is Turbo Repo?
Turbo Repo
Vercel
tsdx
03:27 Where does Turbo Repo fit in your stack?
06:04 What are Google, Meta, or Twitter doing?
15:35 Sponsor: Whiskey, Web and Whatnot
16:45 What’s the cost of adding Turbo Repo to a project?
21:19 Changing based on environmental variables
23:18 Does this replace how you define your workplace?
24:08 How do you share the cache?
25:25 What don’t you cache?
27:35 What about Gatsby images?
28:44 Can Turbo Repo help with re-running compiles?
36:54 Supper Rapid Fire Questions
Oceanic Next
GitHub Dark
Kotlin
52:47 Selling Turbo Repo to Vercel
55:49 Shameless Plugs

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 - Protestware × NoSQL × Next.js × ESM × Jest May 18, 2022

Show notes

In this potluck episode of Syntax, Wes and Scott answer your questions about protestware, NoSQL, Next.js, the Syntax.fm website, ESM, Jest, and more!

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.

LogRocket - Sponsor

Auth0 - Sponsor

Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. https://a0.to/syntax

Show Notes

00:10 Welcome
01:30 What are the good reasons to use nextjs apart from personal preference?
05:15 How did you decide to build Syntax.fm?
Uses.tech
09:09 Why does my M1 Mac feel slower than my Intel Mac?
14:44 Do you alphabetize your larger javascript objects by key name?
17:14 Sponsor: Prismic
19:06 Why did you choose noSQL database over SQL databse?
25:13 What does it mean to support ESM?
30:23 Sponsor: LogRocket
31:35 Are open source maintainers doing harm by inserting protestware into packages?
Protestware found lurking in popular npm package
40:30 Should I write the game logic on the backend or on the frontend?
46:30 Sponsor: Auth0
48:20 Sick Picks