Syntax - Tasty Web Development Treats

Latest Episodes:

Part 2 of Wes and Scott React to the State of JS Mar 09, 2022

Show notes

In this second part episode of Syntax, Wes and Scott continue talking about the 2021 State of JavaScript survey: mobile and desktop libraries, testing, monorepo, runtimes, flavors of JavaScript, and more!

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.

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.

Freshbooks - Sponsor

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

Show Notes

00:10 Welcome
01:20 Scott’s new sound panels
03:32 Instacart
2021 State of JS Survey
Tauri
07:46 Mobile and Desktop libraries
13:50 Testing
Vitest
Playwright
Cypress
19:48 Sponsor: Sentry
21:26 Monorepo tooling
27:00 Sponsor: Sanity.io
28:18 JavaScript Runtimes
30:51 JavaScript Flavors
32:32 Non JavaScript Languages
39:38 Utilities
Syntax 401: Monorepo
pnpm
Turborepo
40:19 Resources
Syntax.fm 403: JavaScript in 2022 - New, Coming and Proposed Features
43:18 Opinions
47:21 Features missing from JavaScript
49:30 Awards
52:58 Sponsor: Freshbooks
53:38 SIIIIICK ××× PIIIICKS
56:41 Shameless Plugs

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

Sticker Mogul 2022 Mar 07, 2022

Show notes

In this Hasty Treat, Scott and Wes talk about Wes' experience designing, printing, and shipping out his sticker packs.

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.

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

Show Notes

01:26 Sponsor: LogRocket
02:15 Sponsor: Linode
03:51 How Wes sells stickers
Syntax 346: Selling And Shipping T Shirts with TypeScript
04:27 Where the stickers are printed
Zigpac
06:30 How the stickers were designed
07:38 How do you ship them anywhere in the world for $5?
10:46 Packing the stickers
13:58 How did Wes sell the stickers?
16:51 Any concern about two people ordering at the same time?
17:13 One thing that did break
Pushover
18:13 How the stickers were shipped
Stallion Express
APC
25:42 Costs for stickers
28:37 TypeScript sticker logo

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

Wes and Scott React to the State of JS Mar 02, 2022

Show notes

In this episode of Syntax, Wes and Scott take a look at the 2021 State of JS survey that was recently published, including demographics, salary, browser APIs, overall happiness, and more!

Linode - Sponsor

LogRocket - Sponsor

Freshbooks - Sponsor

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

Show Notes

2021 State of JS Survey
01:51 Winter birthday fun
05:38 The State of JS survey
07:37 Demographics
09:18 Salary range
09:58 Language features
14:05 Browser APIs
17:36 Custom elements and Shadow DOM
18:18 Page visibility API
19:28 File system API
19:58 Web share API
22:15 Sponsor: Linode
23:12 Libraries
27:30 Stimulus
29:21 Trends
31:32 Happiness with the state of front end frameworks
32:28 Sponsor: LogRocket
34:04 Backend Frameworks
38:16 Backend tool satisfaction
44:35 Happiness of build tools
46:32 Sponsor: Freshbooks
48:27 The best podcast in web development
49:05 Sick Picks

××× SIIIIICK ××× PIIIICKS ×××

Scott: Inventing Anna
Wes:Everlane Crewneck Sweater

Shameless Plugs

Scott: LevelUp Course Drop Party
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

This vs That × map vs reduce, forEach vs for in, and more! Feb 28, 2022

Show notes

In this Hasty Treat, Scott and Wes do a little this vs that with map vs reduce, forEach vs for in, .hasOwnProperty() vs in vs .hasOwn(), CSS absolute + left/right/top/bottom vs transform, 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.

Sentry - Sponsor

Show Notes

01:30 Sponsor: Prismic
02:58 Sponsor: Sentry
04:21 .filter() and .map() (every, one, etc…) VS Reduce
09:17 .forEach() vs for in / for of
15:52 .hasOwnProperty() vs in vs .hasOwn()
19:37 CSS absolute + left/right/top/bottom vs transform
22:54 Object.assign({}, obj) vs {…spread}
Animal Friendly idioms

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

Ben Vinegar × Distributed Tracing and TypeScript Migrations Feb 23, 2022

Show notes

In this episode of Syntax, Wes and Scott talk with Ben Vinegar about his work with Sentry, their migration to TypeScript, and advice for running JavaScript on other websites.

Kontent by Kentico - Sponsor

Kontent by Kentico is a headless CMS that provides live editing experience to non-technical users and hands you the technical tools to build websites, mobile apps, voice assistants, or anything else where you need content. Use REST API or GraphQL and get your content via the global Fastly CDN. Designed to unify all your content and operations, in compliance with ISO27001 and SOC2Type2 certifications.Spin up a new project today and discover Kontent.

Hashnode - Sponsor

Everything you need to start blogging as a developer. Own your content, share ideas, and connect with the global dev community! Hashnode is a free developer blogging platform that allows you to publish articles on your own domain and helps you stay connected with a global developer community.

Hashnode: Everything you need to start blogging as a developer!

Show Notes

Ben Vinegar
00:20 Guest introduction
05:58 Seeing bug reports from Sentry
07:38 Distributed tracing for full stack developers
12:16 Amazon X Ray
AWS Xray
15:32 Using Tracing
19:40 Sponsor: Kontent by Kentico
20:58 Cloudflare Worker Integration
22:30 How does Sentry have open source and a business?
Heroku
App Platform
Media Temple
Dreamhost
WordPress Calypso
32:30 Sponsor: Hashnode
34:07 What is the tech stack of Sentry?
38:20 Sentry switching to TypeScript
Sentry switching to TypeScript
44:36 Running JavaScript on other websites
51:24 Sponsor: Sentry
53:08 Sick Picks

××× SIIIIICK ××× PIIIICKS ×××

Scott: Last Seen
Wes: SEOUL Sisters Korean Kimchi Seasoning
Ben: Worst Scene / Best Scene
I Was There Too

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

JavaScript in 2022 - New, Coming and Proposed Features Feb 21, 2022

Show notes

In this Hasty Treat, Scott and Wes talk about new proposed features coming to JavaScript in 2022.

MagicBell - Sponsor

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

Sentry - Sponsor

Show Notes

00:23 Welcome
01:25 Sponsor: MagicBell
02:50 Sponsor: Sentry
04:20 Weird audio tics
05:19 Fetch in Node.js
09:54 URL imports in Node.js
11:41 JSON Modules
15:01 Node in import url scheme
17:30 Pipeline Operator
21:21 Reversible String Split
23:56 JavaScript Module Blocks
25:22 String.cooked
26:34 BigInts Math

URL imports in Node.js

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 - Selling Themes × Which Browser Should Devs Use? × Where Do You Keep 2FA Codes? × Remix vs Svelte Kit × Getting Unstuck from Tutorial Hell Feb 16, 2022

Show notes

In this episode of Syntax, Wes and Scott answer your questions about selling themes, which browser to use, where to keep your 2FA codes, Remxi vs Svelte Kit, and more!

Sentry - Sponsor

Sanity - Sponsor

Freshbooks - Sponsor

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

Show Notes

00:11 Welcome
02:10 Can you explain import.meta?
07:20 What are your thoughts on publishing and selling HTML & CSS/SASS templates/themes?
12:00 When is it best to use a semantic menu vs a nav?
16:14 Sponsor: Sentry.io
17:36 As a newbie in web dev., which browser do you recommend, Chrome or Firefox Dev. Edition?
20:25 Are TypeScript types are like creating models in Mongoose?
26:16 If you use 2FA, where do you store your recovery codes?
1Password
29:32 Do you know a programming language which similar syntax to js and without the need of a runtime-framework?
Syntax 429 - Cloudflare Workers
32:54 I am not feeling the hype for Remix. I would rather put my energy into SvelteKit.
Remix
Svelte Kit
36:41 Sponsor: Sanity
38:09 Do you guys have any advice on getting unstuck from tutorial hell and at what point do you think someone is ready to apply for junior web dev jobs?
41:36 Do you feel frameworks like Next.js, Remix, etc. abstract too much the complexity that it takes to build full-stack web apps?
44:19 How do you keep up on new technologies?
Swyx
Scott’s Newsletter
Intent to Ship
54:04 Sponsor: Freshbooks
55:06 Sick Picks!

××× SIIIIICK ××× PIIIICKS ×××

Scott: The River Runner (2021) - IMDb
Wes: Mike’s Hot Honey

Shameless Plugs

Scott: LevelUp YouTube channel
Wes: Wes Bos on TikTok

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

Code Explorers Feb 14, 2022

Show notes

In this Hasty Treat, Scott and Wes talk about how best to explore and contribute to code on GitHub repos.

Retool - Sponsor

Retool is the fast way to build internal tools. Visually design apps that interface with any database or API. Switch to code nearly anywhere to customize how your apps look and work. With Retool, you ship more apps and move your business forward—all in less time.

Visit retool.com/syntax.

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

Show Notes

00:25 Welcome
01:42 Sponsor: LogRocket
02:54 Sponsor: Retool
04:33 Topic introduction
06:44 How to get a handle on something new in a library?
10:27 How to contribute to comments
12:55 Looking through Issues
15:01 Looking at Pull Requests
15:43 Check Milestones
17:58 Look at Files Changed tab

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

Creator of Wordle - Josh Wardle Feb 09, 2022

Show notes

In this episode of Syntax, Wes and Scott talk with the creator of Wordle, Josh Wardle. What's the tech stack for Wordle? Does he care about the clones of Wordle? And how did selling Wordle work?

Sentry - Sponsor

Sanity - Sponsor

Freshbooks - Sponsor

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

Show Notes