In this episode of Syntax, Wes and Scott talk about their respective processes for converting JavaScript to TypeScript in their projects, why you might want to, and tooling for moving to TypeScript.

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.

• 00:10 Welcome
• 00:36 Sponsor: Sentry
• 02:23 Electrical updates
• 08:16 Moving to TypeScript
• 09:34 What are you doing with GraphQL?
• GraphQL Codegen

• Scott: Elegrp USB C Walloutlet

• Scott: LevelUp Tutorials

• Scott’s Instagram

In this Hasty Treat, Scott and Wes talk through quick tips to improve performance of your website, and the tools available to help diagnose and fix perf issues.

• 00:25 Welcome
• 00:50 Polish And Perf explained
• 02:05 What kinds of tools are available to improve performance
• Lighthouse in Chrome

• Scott’s Instagram

In this supper club episode of Syntax, Wes and Scott talk with Tim McNamara, author of Rust in Action about what Rust is, how to get started learning Rust, and ideas of good projects to begin learning Rust with.

• 00:37 Welcome
• 01:26 Guest introduction
• Rust in Action

• kokako

• Tim McNamara - How to learn Rust

• Scott’s Instagram

In this episode of Syntax, Wes and Scott talk through what ESM is, and why you want to move your projects to ESM.

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.

• 00:10 Welcome
• 00:51 Sponsor: Sentry
• 02:32 Our experiences with ESM
• 06:54 Why ESM?
• 11:42 Top Level Await
• 16:16 Assert Import type eventually
• Scott’s Vite chunk import map

• Scott: Egg dispenser

• Scott: LevelUp Tutorials

• Scott’s Instagram

In this Hasty Treat, Scott and Wes talk through their wishlist for CSS in 2023 including mixins, range selectors, fit text, robust color functions, overflown, and more.

• 00:26 Welcome
• 01:09 Snow skate update
• 03:01 Mixins
• 05:06 Range selector
• 09:36 :first-of-column :last-of:column / row
• Ability to target items in nth-row of autofilled, implicit grid

• Scott’s Instagram

In this supper club episode of Syntax, Wes and Scott talk with Caleb Porzio about Livewire, Alpine.js, what is it with PHP devs making cool stuff, TypeScript thoughts, and more.

• 00:36 Welcome
• 01:05 Buffalo and Canada
• History of Target in Canada

• Ugmonk Analog

• Make VS Code Awesome

• Scott’s Instagram

In this episode of Syntax, Wes and Scott look through the results of the State of JS survey for 2022.

• State of JS 2022

• 00:26 Welcome

• 01:24 Thoughts on the survey in general

• 04:24 Country of origin

• 05:53 Salaries

• 08:14 Higher education

• 08:58 JavaScript features

• 15:41 Browser APIs

• 21:15 Library Usage

• 26:11 Interest in frontend frameworks

• 28:40 Framework usage

• 31:41 Rendering frameworks

• 34:57 Build tools usage over time

• 39:37 Monorepo tools

• Moon

• 46:41 Backend frameworks

• Civet

• 47:42 JavaScript run times

• 51:01 TypeScript JavaScript balance

• 52:17 JavaScript flavors

• 57:03 Resources

• Fireship Dev

• Scott: LevelUp Tutorials

• Scott’s Instagram

In this Hasty Treat, Scott and Wes explain what container queries are, use cases for them, new units of measurement, and possible issues with container queries.

• 00:28 Welcome
• 01:46 What are Container Queries?
• Tweet about Container Queries

• Scott’s Instagram

In this supper club episode of Syntax, Wes and Scott talk with Simen & Espen from Sanity about what Sanity is, who uses Sanity, what is a content lake, how Sanity works with React or TypeScript, what GROQ is, how portable text works, and of course, the supper club questions.

• 00:36 Welcome

• 01:37 Who are you and what is Sanity?

• 04:04 What kinds of services use Sanity?

• 06:18 What is a content lake?

• 07:26 Enabling code access to Sanity Studio

• 13:12 Implenting Sanity into a React app

• 14:49 What is GROQ?

• 21:04 Is GraphQL still the best way to query data?

• 25:32 Workflows in Sanity

• 27:48 What is portable text?

• 35:19 How does Sanity work with TypeScript?

• 38:51 Ecommerce options with Sanity

• 41:29 Supper club questions

• 50:33 SIIIIICK ××× PIIIICKS ×××

• Syntax 533 - Zod Schema

• Elden Ring

• Risk of Rain

• Sharp

• Syntax 526 - Supper Club with on TRPC

• Espen bread

• Sanity Syntax code

• Scott’s Instagram

In this potluck episode of Syntax, Wes and Scott answer your questions about HTML tags, budgeting, recession proofing your business, software dev vs software engineer, taking payments, and more.

• 00:11:11 Welcome
• 01:29:11 When should you use article and section in HTML?
• 08:03:08 Does your business suffer from the economic recession?
• 15:47:18 How do you manage your money or budget?
• PlainTextAccounting

• Scott: Bundle of Eucalyptus

• Scott: LevelUp Tutorials

• Scott’s Instagram