Syntax - Tasty Web Development Treats

View Top 200 Chart

Back to Rankings Page

News
**Syntax – Tasty Web Development Treats**

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

Latest Episodes:

Our Predictions for 2023 Jan 04, 2023

Show notes

In this episode of Syntax, Wes and Scott talk about their predictions in web development for 2023.

Show Notes

00:07 Welcome
01:25 SSR JS sites more the norm
03:32 React doing forms
05:39 TypeScript Inferred becomes hot
08:11 Deno gets hotter
12:51 JS Runtimes Mature
HTMX
15:00 We will see a new TS Type Checker written in Rust
19:20 New JS APIs
23:37 Writing towards Winter CG Spec Popular. “Worker Ready” script
STC
27:05 A new JS framework
SolidJS
Qwik
29:44 Page Transitions API
32:40 Scott was right / Scotts gonna be right
34:06 Rust becomes more Popular
36:00 React Beta Docs launch after 5 year dev cycle
37:45 CSS Container Queries in Production
41:07 Svelte and Sveltekit Glow Up
43:38 CSS Subgrid
49:19 WASM
51:51 AI
Open AI
53:16 Houdini
54:30 People souring on React, Eslint
57:47 Machine learning
01:08 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Scott: Cron
Wes: Wyze Headphones

Shameless Plugs

Scott: LevelUp SvelteKit Tutorial
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 Fundamentals × Type Narrowing, Guards, and Predicates Jan 02, 2023

Show notes

In this episode of Syntax, Wes and Scott talk through some TypeScript Fundamentals around type narrowing, type guards, and type predicates.

Show Notes

00:24 Welcome
01:40 Rocking predicates
02:54 What is a type in TypeScript?
04:11 Type Narrowing
08:18 Type Guard
16:19 Type Predicates

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 × Polypane with Kilian Valkhof Dec 30, 2022

Show notes

In this supper club episode of Syntax, Wes and Scott talk with Kilian Valkhof about his work on Polypane, a browser for developers. How is Polypane built? Why does he have a focus on accessibility in Polypane?

Show Notes

00:39 Welcome
01:48 Who is Kilian Valkhof?
kilianvalkhof.com
@kilianvalkhof on Twitter
04:50 What is Polypane?
Polypane
@Polypane on Twitter
FromScratch
09:31 How is Polypane built?
14:18 What about the Dev tools tab?
20:15 Outline tab
23:23 Color picker
27:33 Canvas rules and guides
32:16 Accessibility background and tools
40:28 How do you parse the CSS?
42:51 What else do you want people to know about Polypane?
44:42 Supper Club questions
53:59 SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

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

Were We Wrong? 2022 Predictions Revisited Dec 28, 2022

Show notes

In this episode of Syntax, Wes and Scott revisit their 2022 predictions and see which ones they got right, and which they got wrong.

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.

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:09 Welcome
Syntax 420: 2022 Predictions
01:44 Svelte popularity
Svelte
Svelte Kit
04:09 Next.js data layer
05:06 Web components UI
Open UI
06:19 Rust popularity
Rust
10:07 Serverless and Cloud functions
10:42 Tailwind popularity
16:20 Sponsor: Sentry
17:59 Next gen dev tools
19:46 CSS Container queries
21:45 GraphQL
26:26 Deno
29:44 TypeScript
34:28 Sponsor: Sanity
35:07 Server comeback
36:21 Checkouts and payment processers
Lemon Squeezy
43:05 Sponsor: Auth0
44:18 Temporal API
46:44 Remote dev thin client popularity
49:49 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Scott: JADENS Label Maker Machine with Tape
Wes: Chipolo One Spot

Shameless Plugs

Scott: LevelUp Svelte Kit Tutorial
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

554: Desktop apps in JS × Electron and Tauri Dec 26, 2022

Show notes

In this Hasty Treat, Scott and Wes talk about the current state of building desktop apps with Electron or Tauri.

Sentry - Sponsor

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.

Show Notes

00:33 Welcome
01:18 Sponsor: Sentry
02:47 Sponsor: Prismic
04:01 Our experience with building desktop apps
Level Up Tutorials: Level 1 Electron
Hair.WesBos.com
10:04 Frameworks for building apps
10:56 Tauri vs Electron
Tauri
Electron
23:38 Tooling
vite-plugin-electron

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

553: Supper Club × Switching into Coding and climbing the Pommade ladder with Kenneth Lyerly Dec 23, 2022

Show notes

In this supper club episode of Syntax, Wes and Scott talk with Kenneth Lyerly about his career path into coding, and how he manages to hold two jobs.

Show Notes

00:38 Welcome
Ken.dev
Ken on Github
01:59 How do you have two jobs?
09:46 When did you start a second job?
16:02 Any tips for someone wanting to switch into coding?
24:03 Do you have advice for people trying to market themselves?
31:38 What is working these days for marketing efforts?
34:47 Where can devs learn about marketing?
35:50 Barbershop culture
39:47 Supper club questions
Snazzy Labs custom Touch ID button
Tech Meme Ride Home podcast
44:10 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Traeger Grills

Shameless Plugs

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

552: Potluck × Twitter Thoughts × Business Models × Senior Developer Dec 21, 2022

Show notes

In this potluck episode of Syntax, Wes and Scott answer your questions about how to give feedback on the podcast, deciding on a business model for courses, what to do about Twitter, and more.

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

Freshbooks - Sponsor

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

Show Notes

00:10 Welcome
01:51 Podcast feedback
04:46 Can you talk about how you made the decision to re-write LevelUp?
Strangler Fig
13:54 How did you get a score for your website?
Google Pagespeed
19:30 Where will we move to when Twitter implodes?
Twitter Blue
26:29 Sponsor: Linode
27:06 How did you arrive at your business model?
33:15 Advice for getting into freelancing web dev?
38:49 Sponsor: Sentry
40:07 How to feel more “senior” as a developer
43:30 How do you manage notifications between various apps?
Hazel
50:46 Label makers
Nimbot label makers
54:14 Sponsor: Freshbooks
54:45 How are people testing node apps?
JestJS
Vitest
Mocha
ChaiJS
56:38 What are your thoughts on the TanStack Router?
Tanstack
Astro
SvelteKit
Nozzle
01:09 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Scott: Sensibo Air
Wes: We Crashed

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

“Serverless” Databases Dec 19, 2022

Show notes

In this episode of Syntax, Wes and Scott talk about your options for database when you’re working with serverless.

Prismic - Sponsor

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
00:51 Sponsor: LogRocket
01:44 Sponsor: Prismic
03:17 Why Serverless and related databases?
07:45 Deploying on Deno
Deno
08:44 Using a database with serverless functions
Syntax 542 - Serverless Limitations
11:53 Using purpose built databases
Planetscale
Supabase
Cloudflare D1
Cloudflare Key Value Store
AWS DynamoDB
AWS Auroa
FaunaDB
Neon
Railway
MongoDB Serverless
Redis
Cassandra
15:01 The results of the test
17:35 Solutions

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 × React Video Creator with Jonny Burger Dec 16, 2022

Show notes

In this supper club episode of Syntax, Wes and Scott talk with Jonny Burger about why and how he built Remotion, his app that lets you create MP4 videos using React.

Gatsby - Sponsor

Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit Gatsby.dev/Syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️

Tuple - Sponsor

This week’s sponsor is Tuple, an app built specifically for remote pair programming. The app is written in C++ and tuned for high-resolution screen sharing and low-latency remote control. Because developers deserve better than Zoom or Meet for pairing.

Show Notes