Syntax - Tasty Web Development Treats

By Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Listen to a podcast, please open Podcast Republic app. Available on Google Play Store.


Category: Technology

Open in Apple Podcasts


Open RSS feed


Open Website


Rate for this podcast

Subscribers: 1640
Reviews: 5

Arthur
 Mar 28, 2022
I'm a backend Java developer and still find this podcast entertaining and informative. It helps me to keep an eye on what's going on in the front end world.


 Feb 8, 2020
i listen to practically every episode, and gain tips all the time.


 Oct 24, 2018

james
 Sep 20, 2018
funny and informative for web devs

A Podcast Republic user
 Sep 5, 2018

Description

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.

Episode Date
Supper Club × Developer Experience with Shawn Wang
53:31

In this supper club episode of Syntax, Wes and Scott talk with Shawn Wang about his thoughts on developer experience, why DX is important, and the importance of learning in public.

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.

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

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Jul 01, 2022
Tips for Communicating
59:11

In this episode of Syntax, Wes and Scott talk about their tips for better communication in email, Zoom calls, code reviews, or asking for help.

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

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Jun 29, 2022
Browser CSS Page Transitions API aka Shared Element Transitions
20:43

In this Hasty Treat, Scott and Wes talk about the new Browser CSS Page Transitions API proposal and what features it opens up for developers on the web.

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

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

 async function doTransition() {   let transition = document.createDocumentTransition();      // Specify offered elements. The tag below is used to refer   // to the generated pseudo elemends in script/CSS.   document.querySelector(".old-message").style.pageTransitionTag = "message";      // The start() call triggers an async operation to capture   // snapshots for the offered elements,   await transition.start(async () => {     // This callback is invoked by the browser when the capture     // finishes and the DOM can be switched to the new state.     // No frames are rendered until this callback returns.          // Asynchronously load the new page.     await coolFramework.changeTheDOMToPageB();          // Clear the old message if that element is still in the page     document.querySelector(".old-message").style.pageTransitionTag = "";     // Set new message as the shared element 'message'     document.querySelector(".new-message").style.pageTransitionTag = "message";          // Set up animations using WA-API on the next frame.     requestAnimationFrame(() => {       document.documentElement.animate(keyframes, {       ...animationOptions,       pseudoElement: "::page-transition-container(message)",       });     });          // Note that when this callback finishes, the animations will start with the tagged elements.   }); }  

Tweet us your tasty treats

Jun 27, 2022
Supper Club × Authoring Browser Extensions with Tim Leland
48:09

In this supper club episode of Syntax, Wes and Scott talk with Tim Leland - developer of browser extensions like WeatherExtension and Link Shortener Extension.

Postlight Podcast - Sponsor

Postlight is a strategy, design, and engineering firm that builds platforms for some of the biggest organizations in the world. The Postlight Podcast is hosted by senior leaders Rich Ziade, Paul Ford, Gina Trapani, and Chris LoSacco.

If you’re looking for answers to tough leadership questions, the Postlight Podcast has you covered.

Listen to new episodes every Tuesday, wherever you get your podcasts.

WP Mail SMTP - Sponsor

Did you know that many WordPress sites are not properly configured to send emails? With WP Mail SMTP, you can easily optimize your site to send emails, avoid the spam folder, and make sure your emails land in the inbox every time.

WP Mail SMTP comes with detailed email logs, email engagement tracking, visual email reports, weekly email summaries, integrations with popular email providers like SendLayer, Gmail, Outlook, and more!

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

Show Notes

Shameless Plugs

Tweet us your tasty treats

Jun 24, 2022
Home Automation - A Look Ahead
01:09:32

In this Tasty Treat, Scott and Wes talk about the current state of home automation, and the kinds of software and hardware they’re using in their homes to automate their lives.

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.

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

Freshbooks - Sponsor

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

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Jun 22, 2022
New Viewport Units
19:25

In this episode of Syntax, Wes and Scott talk about the new viewport units coming to the web - what are they and when can we use them?

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.

Sanity.io - 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

Tweet us your tasty treats

Jun 20, 2022
Supper Club × Edge Functions and Deno with Eduardo Bouças of Netlify
55:13

In this supper club episode of Syntax, Wes and Scott talk edge functions and Deno with Eduardo Bouças of Netlify.

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.

Postlight Podcast - Sponsor

Postlight is a strategy, design, and engineering firm that builds platforms for some of the biggest organizations in the world. The Postlight Podcast is hosted by senior leaders Rich Ziade, Paul Ford, Gina Trapani, and Chris LoSacco.

If you’re looking for answers to tough leadership questions, the Postlight Podcast has you covered.

Listen to new episodes every Tuesday, wherever you get your podcasts.

WP Mail SMTP - Sponsor

Did you know that many WordPress sites are not properly configured to send emails? With WP Mail SMTP, you can easily optimize your site to send emails, avoid the spam folder, and make sure your emails land in the inbox every time.

WP Mail SMTP comes with detailed email logs, email engagement tracking, visual email reports, weekly email summaries, integrations with popular email providers like SendLayer, Gmail, Outlook, and more!

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

Show Notes

Shameless Plugs

Tweet us your tasty treats

Jun 17, 2022
Potluck - Headless WordPress, Databases, Regex
01:00:20

In this episode of Syntax, Wes and Scott answer your questions about headless WordPress, Regex, their health and fitness, CSS custom properties in media queries, 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.

.TECH Domains - Sponsor

.TECH is taking the tech industry by storm. A domain that shows the world what you are all about! If you’re looking for a domain name for your startup, portfolio, or your own project like we did with uses.tech, check out .tech Domains. Syntax listeners can snap their .TECH Domains at 80% off on five-year registration by visiting go.tech/syntaxistech and using the coupon code “syntax5”.

Show Notes

  • 00:10 Welcome
  • 03:30 If I host a NextJS app on Digital Ocean, should I use a Digital Ocean database?
  • 09:14 Will either of you ever do a regex course?
  • Regex101
  • 13:58 Is it possible to use the WordPress users database as the same database that the app uses?
  • WPGraphQL
  • 18:46 Sponsor: Sentry
  • 19:43 How is health and fitness going for the both of you?
  • 26:08 Does Wes know who Gendo Ikari is?
  • 27:36 Dart popularity follow up
  • 29:40 Is it vital that I should learn another programming language?
  • 33:42 Sponsor: Sanity
  • 34:54 If I’m trying to get my first job in web development, do I need to be familiar with design software?
  • Figma
  • 40:01 Thank you for the confidence to apply for a web dev job
  • Syntax 463 with Tom Preston-Werner
  • 41:55 What advice will you give in terms of setting up core important things around network, state management, folder structure?
  • 45:37 .TECH Domain Names
  • 46:22 I just had an interview with a “major tech company” and your article on using string templates was really helpful.
  • Template Strings
  • 48:43 If 80% of the time ew need to use preventDefault on form submission, why don’t the simply change the HTML spec?
  • 50:01 What’s the rationale for not supporting CSS custom properties in media queries when using max/min width?
  • CSS Env
  • MDN CSS Env
  • 55:37 ××× SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Jun 15, 2022
I can has() new CSS Selector?!
25:23

In this Hasty Treat, Scott and Wes talk about new CSS selectors :has, :where, and :is.

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.

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

 // Finds all p tags that have an anchor tag as a child p:has(a) {} // Can find children of parent as well // Finds the button of a paragraph that contains an a tag  p:has(a) button {} // Finds all p tags that don't have an anchor tag as a child p:not(:has(a)) {} // Finds all p tags where a is a direct sibling p:has(> a) {} // would find 

Hi

// would not find

hi

In the past we would write

 header p:hover, main p:hover, footer p:hover {   color: red;   cursor: pointer; }  

:where is essentially a short had for making this easier considering the 2nd half of these selectors is the same. Will make your css dryer

 :where(header, main, footer) p:hover {}  

Also super handy in avoiding css blocks being ignored for unsupported features.

 // Doesn't work div:has(p), div:some_new_selector(p)  // Will still work for :has if has is supported :where(div:has(p), div:some_new_selector(p))  

Tweet us your tasty treats

Jun 13, 2022
Supper Club × Is No Code going to take our jobs? with Connor Finlayson
01:01:09

In this supper club episode of Syntax, Wes and Scott talk with Connor Finlayson about his experience building and teaching no code projects.

Postlight Podcast - Sponsor

Postlight is a strategy, design, and engineering firm that builds platforms for some of the biggest organizations in the world. The Postlight Podcast is hosted by senior leaders Rich Ziade, Paul Ford, Gina Trapani, and Chris LoSacco.

If you’re looking for answers to tough leadership questions, the Postlight Podcast has you covered.

Listen to new episodes every Tuesday, wherever you get your podcasts.

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.

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.

Show Notes

Shameless Plugs

Tweet us your tasty treats

Jun 10, 2022
Syntax Live at Reactathon
51:16

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

Shameless Plugs

Tweet us your tasty treats

Jun 08, 2022
Stopping Malicious Actors
21:38

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

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.

Show Notes

Tweet us your tasty treats

Jun 06, 2022
Supper Club × Coding Burnout and Gardening with Anselm Hannemann
01:01:37

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

Shameless Plugs

Tweet us your tasty treats

Jun 03, 2022
Git in VS Code
01:02:05

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

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.

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

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Jun 01, 2022
Cache Control Headers Explained
25:58

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

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.

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

Tweet us your tasty treats

May 30, 2022
Supper Club × Redwood JS with Tom Pretson-Werner
58:07

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

Shameless Plugs

Tweet us your tasty treats

May 27, 2022
TypeScript Tooling Explained
52:43

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

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.

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

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

May 25, 2022
Scott’s New Office × The Levelup Lodge
40:18

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

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.

Show Notes

Shameless Plugs

Tweet us your tasty treats

May 23, 2022
Supper Club × Turbo Repo with Jared Palmer
58:02

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

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

Shameless Plugs

Tweet us your tasty treats

May 20, 2022
Potluck - Protestware × NoSQL × Next.js × ESM × Jest
53:44

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

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.

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

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

May 18, 2022
Why do we need Web Interop? Another Standards Body?
21:48

In this Hasty Treat, Scott and Wes talk about why we need Web Interop? Yet another standards body? Our thoughts on Serverless, Edge Compute, 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.

Show Notes

  • 00:23 Welcome
  • 01:25 Sponsor: Sentry
  • 02:25 Sponsor: Sanity
  • 04:10 The Syntax Lift adventure
  • 06:04 A new Community Group for Web-interoperable JavaScript runtimes.
  • 07:07 JavaScript environments
  • 09:19 What’s bun?
  • Bun
  • 13:28 Are we excited about this?
  • 16:27 What’s the future of this?

Tweet us your tasty treats

May 16, 2022
Supper Club × NX Monorepos with Victor Savkin
01:03:42

In this supper club episode of Syntax, Wes and Scott talk with Victor Savkin about NX Monorepo development.

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!

Visit whiskeywebandwhatnot.fm or find them wherever you listen to podcasts.

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

Show Notes

Shameless Plugs

Tweet us your tasty treats

May 13, 2022
10 Nifty Browser APIs
01:00:59

In this episode of Syntax, Wes and Scott talk about 10 browser API’s you might not be familiar with including getUserMedia, Resize Observer, SpeechRecognition, 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

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.

Freshbooks - Sponsor

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

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

May 11, 2022
TypeScript Fundamentals × Narrowing, Discriminating Unions, and Type Guards
22:37

In this Hasty Treat, Scott and Wes talk about TypeScript Fundamentals, including narrowing, discriminating unions, and type guards.

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!

Show Notes

Tweet us your tasty treats

May 09, 2022
WTF is the Edge? Edge Compute / Functions
56:48

In this episode of Syntax, Wes and Scott talk about what edge functions are, the upsides and downsides of edge functions, and what they’re used for.

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.

Freshbooks - Sponsor

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

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

May 04, 2022
Why do people still use Axios over Fetch?
19:15

In this Hasty Treat, Scott and Wes talk about why people still use Axios over Fetch, and why people wouldn’t use Axios.

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

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.

Show Notes

Tweet us your tasty treats

May 02, 2022
JavaScript × STUMP’D
50:42

In this episode of Syntax, Wes and Scott ask each other hiring questions asked of JavaScript developers in job interviews.

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.

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.

Freshbooks - Sponsor

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

Show Notes

  • JavaScript Interview Questions
  • 00:13 Let’s get STUMP’d
  • 01:08 Cleaning out the garage
  • 05:05 What are 4 methods available on weakmap?
  • 07:07 How do you make an object iterable in JavaScript?
  • 09:29 How do you make the first letter of a string into uppercase?
  • 10:26 What is the typeof operator?
  • 11:53 What are classes in ES6?
  • 13:21 How do you enumerate key and value pairs of an object?
  • 15:44 Kontent by Kentico
  • 17:08 What is an event queue?
  • 21:05 Why do you need JSON?
  • 24:49 Why do you need a promise?
  • 25:45 Explain the range overflow property
  • 28:21 How do you return all matching strings against a matching expression?
  • 30:14 Sponsor: LogRocket
  • 30:51 What is a thunk function?
  • 33:46 Can you redeclare let or const variables?
  • 34:17 What are enhanced object literals?
  • 35:56 What is the difference between call, apply, and bind?
  • 38:52 Sponsor: Freshbooks
  • 39:57 What are benefits of modules and why would you need them?
  • 43:50 ××× SIIIIICK ××× PIIIICKS ×××
  • 48:47 Shameless Plugs

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Apr 27, 2022
Building a Coupon Engine
26:19

In this Hasty Treat, Scott and Wes talk about the coupon engines they’ve built and use on their courses.

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

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

Tweet us your tasty treats

Apr 25, 2022
Potluck - Working on a Team × Dealing with Imposter Syndrome × Animating on the Web × Icon Libraries × Demanding Clients
01:01:29

In this potluck episode of Syntax, Wes and Scott answer your questions about working on a team, dealing with imposter syndrome, animating on the web, using the table element, landing pages for apps, and building full stack apps with NextJS.

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

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Apr 20, 2022
Svelte Cubed + 3D In Browser
20:21

In this Hasty Treat, Scott and Wes talk about Svelte Cubed and working in 3D in the browser.

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

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

Tweet us your tasty treats

Apr 18, 2022
Potluck - Multi Tenant Apps, JS Sprinkles, Kids Coding, Server Error Handling
01:10:09

In this episode of Syntax, Wes and Scott answer your questions about multi tenant apps, JS sprinkles, kids coding, server error handling, 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

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Apr 13, 2022
How To Be Consistent
24:10

In this Hasty Treat, Scott and Wes talk about their tips and tricks for being consistent if you’re trying to create.

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.

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.

Show Notes

  • 00:44 String cheese theory
  • 01:49 Sponsor: Sentry
  • 03:41 Sponsor: MagicBell
  • 05:26 Being consistent is the key to success
  • 07:12 Commit to it
  • 09:13 Plan and schedule
  • 13:42 Being accountable to someone
  • 18:11 Break things down into smaller tasks
  • 20:25 Measure goals
  • 22:14 Revise the plan

Tweet us your tasty treats

Apr 11, 2022
Making Content × What is our Process? Youtube, Blog Posts, Courses, Conference Talks, and Podcasts
58:11

In this episode of Syntax, Wes and Scott talk through their process for making content on the internet for their YouTube channels, blog posts, courses, conference talks, and podcasts.

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.

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.

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

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Apr 06, 2022
Types in JS?
25:34

In this Hasty Treat, Scott and Wes talk about a proposal for type syntax in JavaScript.

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

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.

Show Notes

Tweet us your tasty treats

Apr 04, 2022
Syntax Highlight
01:01:44

In this episode of Syntax, Wes and Scott review your websites that you submitted including bald.design, Anh Hoang Nguyen, bradleyshellnut.com, and more.

Prismic - Sponsor

NEEDS AUDIO RECORDING FIRST

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

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.

Freshbooks - Sponsor

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

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Mar 30, 2022
What’s Up With Vitest?
21:26

In this Hasty Treat, Scott and Wes talk about Vitest, how testing is handled, how code coverage works, and whether they think they’ll use it.

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.

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.

Show Notes

Tweet us your tasty treats

Mar 28, 2022
Our Stacks Explained
01:12:15

In this episode of Syntax, Wes and Scott talk through the tech stack they use to manage their course 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.

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.

.TECH Domains - Sponsor

Dot Tech domains has launched a new game with wicked prizes. It’s a windows 98 inspired game where you need to find and solve puzzles in each of the drives. This is unreal and you need to see it to believe it - good luck and start the game March 25th at go.tech/syntaxbtc.

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Mar 23, 2022
SSL Certs, Approvals and Cloudflare
25:06

In this Hasty Treat, Scott and Wes talk about getting SSL certificates set up between your hosting, Cloudflare, and other web apps you may use.

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

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

Tweet us your tasty treats

Mar 21, 2022
Potluck - Handling Auth × Are Web Dev Real Developers? × Handling Git Conflicts × Converting PNG to Box-Shadow × Bad Docs vs No Docs × Making Shopify Headless
01:00:29

In this potluck episode of Syntax, Wes and Scott answer your questions about handling auth, are web dev real developers, handling Git conflicts, converting PNG to Box-Shadow, bad docs vs no docs, making Shopify headless, 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:32 Fool’s winter
  • 03:25 How do you handle authentication in an app?
  • 09:42 Responding to people who don’t think developers are real developers?
  • 12:21 How do you handle git conflicts in package-lock.json and/or yarn.lock files?
  • 14:42 I built a small project which converts .png images to CSS box-shadow values.
  • Img to Box Shadow
  • 16:37 January 19th, 2038 at 03:14:08 is the end of epoch
  • Office Space
  • 20:31 Sponsor: Sentry
  • 22:44 Should I begin to add PropTypes to my packages and projects?
  • 25:59 What’s worse: bad documentation or no documentation?
  • 27:37 How do you find the motivation or discipline to follow through in side projects?
  • 29:48 I need to take an existing Shopify site and make it headless - what should I use?
  • 37:55 Sponsor: Sanity
  • 39:18 You have a ?token= query param and some token value for it. Could you explain a bit more on what is that for?
  • 44:05 Have you thought about selling Syntax.fm shirts?
  • 46:05 Can I migrate my Express routes to Next.js’ API and get the same httpOnly cookies workflow?
  • 52:03 Sponsor: Freshbooks
  • 52:52 Sick Picks

××× SIIIIICK ××× PIIIICKS ×××

Level Up Course Drop - https://youtu.be/LATf_lVYoMQ?t=829

Shameless Plugs

Tweet us your tasty treats

Mar 16, 2022
Hasty Treat WTF × SSR vs JamStack vs Serverless?
24:28

In this Hasty Treat, Scott and Wes talk about the differences between SSR, JamStack, and Serverless.

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.

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 for more information.

Show Notes

Tweet us your tasty treats

Mar 14, 2022
Part 2 of Wes and Scott React to the State of JS
59:00

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

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Mar 09, 2022
Sticker Mogul 2022
35:38

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

Tweet us your tasty treats

Mar 07, 2022
Wes and Scott React to the State of JS
53:52

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

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.

Freshbooks - Sponsor

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

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Mar 02, 2022
This vs That × map vs reduce, forEach vs for in, and more!
26:19

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

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.

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

Feb 28, 2022
Ben Vinegar × Distributed Tracing and TypeScript Migrations
01:03:48

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

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Feb 23, 2022
JavaScript in 2022 - New, Coming and Proposed Features
28:46

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

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.

Show Notes

URL imports in Node.js

Tweet us your tasty treats

Feb 21, 2022
Potluck - Selling Themes × Which Browser Should Devs Use? × Where Do You Keep 2FA Codes? × Remix vs Svelte Kit × Getting Unstuck from Tutorial Hell
01:06:48

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

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

Shameless Plugs

Tweet us your tasty treats

Feb 16, 2022
Code Explorers
20:03

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

Feb 14, 2022
Creator of Wordle - Josh Wardle
01:04:11

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

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

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Feb 09, 2022
Pros + Cons of JavaScript Servers, Serverless, and Cloudflare Workers
30:50

In this Hasty Treat, Scott and Wes talk about the pros and cons of JavaScript servers, Serverless, and Cloudflare Workers.

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!

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.

Show Notes

Tweet us your tasty treats

Feb 07, 2022
Syntax Highlight
01:00:31

In this episode of Syntax, Scott and Wes review your portfolios and websites including some from Harryxli, Austin Baird, Jacks Portfolio, 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.

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.

Tabnine - Sponsor

Tabnine is your teams' go to AI assistant. Using a variety of machine learning models, Tabnine learns from your team's best practices, and suggests code completions based on your code.

It supports over 30 languages and is available in most IDEs. Tabnine's universal models are trained strictly on fully permissive open source code, and can run locally, meaning that your code stays yours.

Get the free version at tabnine.com/now or go to tabnine.com/promo/syntax to get 50% off your first 3 months of Tabnine Teams.

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Feb 02, 2022
Teamwork Makes The Dream Work
22:40

In this Hasty Treat, Scott and Wes are inspired by a Reddit post to talk about how to work better with your team.

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.

Show Notes

  • 00:24 Welcome
  • 01:57 Sponsor: Sentry
  • 03:26 Sponsor: Sanity
  • 04:48 Summary of the Reddit post
  • 06:46 We are a team
  • 09:05 Coding with ego
  • 12:32 Follow the leader
  • 13:59 Getting better at asking questions
  • 15:01 Ask for clarity
  • 15:43 Understanding the guidelines
  • 18:12 Interpersonal tips
  • 19:49 Celebrating wins

Tweet us your tasty treats

Jan 31, 2022
Monorepos! Workspaces, pnpm, turborepo + more!
01:00:35

In this episode of Syntax, Scott and Wes talk all about monorepos - the why's and the how's of using them on your projects.

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.

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.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

Show Notes

  • 00:11 Welcome
  • 01:46 Our experiences with monorepos
  • 05:04 Why use monorepos?
  • 09:37 How long have we been using monorepos?
  • 10:16 Tools for starting a monorepo
  • pnpm
  • Nom link
  • 16:22 Sponsor: Kontent by Kentico
  • 17:33 What's the process for managing libraries?
  • 20:10 Installing / uninstalling things
  • 21:07 Shared dependencies
  • 27:45 Sponsor: LogRocket "ui:dev": "pnpm recursive run dev --filter @leveluptuts/ui", "update": "pnpm recursive up -L -i"
  • 29:23 Turborepo
  • Turborepo
  • 39:32 nX
  • nx
  • 45:38 Sponsor: Freshbooks
  • 46:32 Lerna
  • Lerna
  • 48:09 Rushjs
  • Rushjs
  • 52:35 Sick Picks
  • 59:17 Shameless Plugs

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Jan 26, 2022
Updating Project Dependencies
18:40

In this Hasty Treat, Scott and Wes talk about their process for updating project dependencies.

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.

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.

Show Notes

  • 00:25 Weeeeelcome
  • 00:52 Sponsor: LogRocket
  • 01:29 Sponsor: Magic Bell
  • 03:32 What are dependancies?
  • 04:04 Wes updates all the things
  • 05:30 How to check if there are any updates
  • 07:05 Upgrade isolated, Minor deps first.
  • 09:16 Upgrade Minor groups after that
  • 09:56 Then upgrade Major dependencies
  • 14:47 Finally upgrade any stand along dependencies
  • 15:44 Test test test
  • 16:19 Watch error logging
  • 17:05 Pray

Tweet us your tasty treats

Jan 24, 2022
New Year, New You. What to Focus on in 2022.
51:12

In this episode of Syntax, Scott and Wes talk through what to focus on at a beginner, intermediate, and advanced levels of coding skills.

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.

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.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Jan 19, 2022
CSS + JS Hacks We’re Fine With
26:15

In this Hasty Treat, Scott and Wes talk about CSS + JS Hacks that they're ok with using.

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

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.

Show Notes

  • 00:53 What are the things in web dev, that feel wrong or hacky when starting out, but are actually totally accepted to do?
  • 02:09 Sponsor: Sentry
  • 03:12 Sponsor: Freshbooks
  • 05:32 Negative margins in CSS
  • 07:53 Not Passing a radix to parseInt()
  • 10:17 -50% translation 50% direction
  • 11:27 Overwriting Arguments in a function
  • 13:20 non-standard-element
  • 17:26 Button must have a type
  • 18:56 Triangles out of borders
  • 20:40 Overflow:hidden to clear a float
  • 20:55 Always pass noopener to links!
  • 22:16 Inline styles

Tweet us your tasty treats

Jan 17, 2022
Potluck
01:08:37

In this episode of Syntax, Scott and Wes answer your questions on a Potluck episode of Syntax.

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.

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.

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

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Jan 12, 2022
Remix!
30:39

In this Hasty Treat, Scott and Wes talk about Remix!

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.

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.

Show Notes

Tweet us your tasty treats

Jan 10, 2022
2022 Predictions
01:01:26

In this episode of Syntax, Wes and Scott talk through their predictions for 2022.

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.

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!

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Jan 05, 2022
JS One Liners
22:53

In this Hasty Treat, Scott and Wes talk about some Javascript one liners that speed up your coding experience in one line.

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.

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.

Show Notes

  • 00:24:12 Welcome
  • 01:24:11 Sponsor: Linode
  • 02:11:02 Sponsor: Sentry
  • 03:54:18 Twitter ask for One Liners
  • 04:24:05 Math random const getPsuedoID =() => Math.floor(Math.random() * 1e15);
  • 05:43:09 Random color
  • Paul Irish random color '#'+Math.floor(Math.random()*16777215).toString(16);
  • 06:41:06 Console.log as an object. console.log({ dog, person }); VS Marketplace Link
  • 08:29:17 Edit anything document.designMode = "on"
  • 10:15:15 Temporal date export const today = Temporal.Now.plainDateISO();
  • 11:44:05 Console(log) const myFunc = (age) ⇒ console.log(age) || updateAge()
  • 13:26:13 Remove a prop const { propToRemove, ...rest } = obj;
  • 15:29:01 PHP style debugging preElement.innerText ={JSON.stringify(val, '', ' ')}`
  • 16:31:00 First and Last Destructure var {0: first, length, [length - 1]: last} = [1,2,3];
  • 17:34:17 Speed up audio video document.querySelector('audio, video’).playbackRate = 2
  • Overcast
  • 19:44:15 Sleep function let sleep = (time = 0) => new Promise(r => setTimeout(r, time))
  • 20:26:00 If statements on one line If (!thing) return 'something'

Tweet us your tasty treats

Jan 03, 2022
2021 In Review
01:10:01

In this episode of Syntax, Scott and Wes review their predictions and highlights for 2021.

.TECH Domains - Sponsor

.TECH is taking the tech industry by storm. A domain that shows the world what you are all about! If you're looking for a domain name for your startup, portfolio, or your own project like we did with uses.tech, check out .tech Domains. Syntax listeners can snap their .TECH Domains at 80% off on five-year registration by visiting go.tech/syntaxistech and using the coupon code "syntax5".

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.

Mux - Sponsor

Mux Video is an API-first platform that makes it easy for any developer to build beautiful video. Powered by data and designed by video experts, your video will work perfectly on every device, every time. Mux Video handles storage, encoding, and delivery so you can focus on building your product. Live streaming is just as easy and Mux will scale with you as you grow, whether you're serving a few dozen streams or a few million. Visit mux.com/syntax.

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Dec 29, 2021
Holiday Snackluk
30:09

In this Hasty Treat, Wes and Scott talk about Package-lock, Angular, package updates, how to learn, and media servers on planes.

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.

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

Tweet us your tasty treats

Dec 27, 2021
Gitpod, iPad Coding, Web3, WTF NFT
01:03:09

In this episode of Syntax, Scott and Wes talk with Geoff and Pauline from Gitpod about developing on Gitpod, Web3, and The NFT Bay.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

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.

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.

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Dec 22, 2021
Gatsby v4
19:09

In this Hasty Treat, Wes and Scott talk about what's new in Gatsby v4.

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.

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.

Show Notes

Tweet us your tasty treats

Dec 20, 2021
Potluck - enums, WASM, Lighthouse, Redirects
58:02

In this episode of Syntax, Scott and Wes answer your questions on a Potluck episode of Syntax.

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.

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.

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.

Show Notes

  • 02:07 Google Chrome to start measuring user experience beyond the completion of page load
  • 05:47 How can I ensure that I am executing npm commands safely?
  • 07:58 How should I prefix booleans?
  • 09:46 How do I decide between using an enum vs a union type in Typescript
  • 13:40 What is Web Assembly?
  • 18:34 Sponsor: Sanity
  • 19:45 what happened to Scott using Linux?
  • PopOS
  • 22:44 Sponsor: Linode
  • 23:57 How do you batch requests in nodejs to an api?
  • 26:15 What are micro-frontends?
  • 29:55 Sponsor: Sentry
  • 31:16 Since Astro seems so amazing, aren’t you tempted to rebuild your site now in Astro instead of Sveltekit?
  • Astro
  • 33:04 Can you please shed some light on redirects in express/ koa?
  • 36:41 How do deal with ADHD?
  • 41:52 Should I repeat the name of the issue in the commit message or just "Resolves #$issue-number"?
  • 44:21 Do browsers update automatically?
  • 47:52 What do you do when working on a big project?
  • 49:55 Can you guys help to breakdown and explain jargons and differences of RPC, REST, gRPC, GraphQL?
  • 53:25 How to ask a question
  • 53:42 Sick Picks
  • 56:17 Shamless plugs

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Dec 15, 2021
How To Do Things In Svelte
33:16

In this Hasty Treat, Wes and Scott talk about how to do things in Svelte.

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

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

Tweet us your tasty treats

Dec 13, 2021
JavaScript and Hardware × Cars, Factories, Heavy Industry, Robots, and the Internet of Things
01:04:04

In this episode of Syntax, Scott and Wes talk with Anth Rogan about JavaScript and hardware - from cars, to factories, and the internet.

Bryntum - Sponsor

Bryntum’s suite of web components help developers quickly add powerful project and resource scheduling capabilities to their React, Angular, Vue or vanilla JS apps. The SDKs include extensive API docs and plenty of examples. Try them online at bryntum.com/examples/gantt or bryntum.com/examples/scheduler-pro. Visit Bryntum.com/syntax for a 45-day free trial.

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.

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.

Show Notes

  • 01:02 Guest introductions
  • Anth Rogan on LinkedIn
  • 05:44 What kinds of things did you work on at Nissan?
  • 09:02 Why are car head units based in the past?
  • 11:35 What are cars running for UI?
  • 14:04 What are PLC's?
  • 17:02 What kinds of regulations exist for automotive software?
  • 22:28 Sponsor: LogRocket
  • 23:03 Deeper look at PLC's
  • 26:56 What's Node-RED?
  • Node-RED
  • 29:37 JavaScript is popular in industry? What else is used?
  • 31:06 Sponsor: Brymtum Products
  • 32:57 How do you learn about this tech?
  • PLC Subreddit
  • 35:24 What were you doing with Nissan head units?
  • OBD2 Scanner
  • 37:15 Web bluetooth API research
  • 39:13 What's MQTT?
  • MQTT
  • 41:29 Sponsor: Linode
  • 42:14 Using IoT and machine learning to find issues
  • 46:53 New opportunities in industry tech coming
  • 52:40 Cottage IoT dreams
  • 56:27 Relaxing in Minecraft
  • 57:42 Sick Picks - Anth
  • 58:38 Sick Pick - Scott
  • 59:49 Sick Pick - Wes
  • 02:12 Shameless plugs

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Dec 08, 2021
Meta Tags
30:01

In this Hasty Treat, Wes and Scott talk about Meta Tags.

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.

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.

Show Notes

Tweet us your tasty treats

Dec 06, 2021
Everything in web dev is Amazing!
01:03:28

In this episode of Syntax, Scott and Wes talk about all the things that have improved the lives of web developers over the years.

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 and put SYNTAX in the "How did you hear about us?" section.

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.

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats

Dec 01, 2021
Github Co-pilot is Gonna Take ur Job
27:13

In this Hasty Treat, Wes and Scott talk about their experiences using Github Co-pilot.

Show Notes

  • 00:58 Wake up early and let's go
  • 02:19 Sponsor: LogRocket
  • 03:21 Sponsor: Freshbooks
  • 03:56 What is Github Co-Pilot?
  • GitHub Co-Pilot
  • 06:01 Scott is a GitHub Star
  • 07:03 Examples of GitHub Co-Pilot usage
  • 09:43 Writing pseudo code
  • Emmet
  • 12:51 Using it for loop callbacks
  • 13:52 What langauges does GitHub Co-Pilot work with?
  • 14:54 It plays nice with HTML files
  • 15:48 Svelte component example
  • 16:31 Benefits for course creators
  • 17:35 Some scary things
  • 21:04 Could GitHub start charging for this?
  • 22:30 Good at writing types
  • 23:59 Gripes
  • 24:54 Converting code to Parcel 2
  • Parcel

Tweet us your tasty treats

Nov 29, 2021
Troubleshooting
01:02:08

In this episode of Syntax, Scott and Wes talk about ways they troubleshoot issues with their code.

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.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

Mux - Sponsor

Mux Video is an API-first platform that makes it easy for any developer to build beautiful video. Powered by data and designed by video experts, your video will work perfectly on every device, every time. Mux Video handles storage, encoding, and delivery so you can focus on building your product. Live streaming is just as easy and Mux will scale with you as you grow, whether you're serving a few dozen streams or a few million. Visit mux.com/syntax.

Show Notes

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

  • Scott: Astro Course - Sign up for the year and save 25%!
  • Wes: All Courses - Use the coupon code 'Syntax' for $10 off!

Tweet us your tasty treats

Nov 24, 2021
The Macbook Pro Show - Wes and Scott Get New Laptops
47:34

In this Hasty Treat, Wes and Scott talk about their new Apple MacBook Pro's with the M1 Max CPU.

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.

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.

Show Notes

Tweet us your tasty treats

Nov 22, 2021
Potluck — Copilot × Glasses × Databases × Dealing with Stress × Employment vs Self-Employment × Auth in GraphQL × Headless CMS × More!
57:44

It’s another Potluck! In this episode, Scott and Wes answer your questions about GitHub Copilot, glasses, databases, dealing with stress, self-employment vs employment, design, CORS, and much 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

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 and put SYNTAX in the “How did you hear about us?” section.

Show Notes

03:12 - Ders: Has GitHub Copilot become part of your daily workflow, or have you turned it off?

05:50 - Gaston Gmzi: Hey guys you rock!!! I’d like to know if you use eyeglasses and if you have any preference regarding models, design and features like blue-light blocking and anti-reflection. Also, where do you buy them? Do you go to a store to try them out, or do you buy them online? And if ordering online, which specifications do you use besides the doctor’s prescription? If you guys have any sick picks about eyeglasses it would be great to hear it too. Thanks for the show and have a great week!!!

11:04 - Hi, I would like to know how the two of you deal with stress? I am a freelancer and sometimes clients can get the worst in me. When they do, I usually take a long walk and listen to a podcast, but I don’t always have the time for that. I can actually go into my commit history and show which one was under stress. I think a lot of developers especially freelancers could benefit from that. Thanks.

16:47 - Mike Varela: Question for you guys about dynamic database fields and API requests. How do you let the user store dynamic metadata? Thanks. Love the show, avid listener.

21:04 - Valentine Michael Smith: Can you touch on the use of the word “grok” in the dev world? I know a lot of people who have no idea what this word means. I just happened to have tried to read Stranger in a Strange Land, the novel the word originated from, a few years ago or else I wouldn’t have ever heard it before starting dev work. Have either of you read the book? Anyways, why do devs say this?

24:50 - Steve Lewis: If you guys were not self-employed, would you prefer to work for a big company (like FAANG) or go to a smaller agency or startup, etc.?

27:08 - So Many Localhost Errors: This may be a softball, but how do you set up your logging (Sentry and/or LogRocket) so your dev environment isn’t firing all the time? I can’t seem to find a way to do this well (and it’s probably because I’m trying to learn as I go).

31:03 - Josh J from Jersey: Hey guys, loving the podcast, I’ve been listening for about a month but bingeing through your episodes during my mind-numbing warehouse job, helps me keep my mind on JavaScript and what I have managed to learn in my spare time. I was wondering, when you’re sitting down to a new project, how do you design the website? Does it just slowly develop as you code or have you sat down and drawn out what you want it to look like ahead of time? I have heard talk of a remarkable pad. I’ve seen ads for this on Instagram and YouTube but always assumed it was a very gimmicky thing. Is this a good investment? Also wondering how you both met? Have you worked on any projects together outside of courses and Syntax? Keep the content coming!

38:14 - Andras: Hi Wes and Scott. You have talked a lot on the show about headless CMS’s like Sanity, Prismic or even WordPress being used as a headless CMS. I am curious what the setup in a real world project is like. How would you host the CMS? And what will the admin surface look like? Will the button styles, background color etc. be different than the actual website that the end user sees? Is that a problem for the admin users? Does the admin user see all the menu for creating new content types or adding new features? Or do they only see the input fields of all the contents that can be added to a specific page? Thank you!

42:14 - Dave: Hey guys, love the podcast! I understand that CORS prevention is in place in the browser to help improve security/prevent malicious requests across domains, but I don’t understand why you can get around this by performing the request server side, for example via cURL? If I were a malicious actor, surely I could just send my cross domain request through a proxy to avoid the CORS issue? I’m sure I’m missing something obvious here, can I please get your thoughts on this?

44:48 - Lemon: How do you implement authentication with GraphQL? Especially in Fastify, I know Scott recently moved over from Meteor to Fastify, so I too was checking Fastify but couldn’t find a satisfying auth solution that fits well with GraphQL.

48:08 - Zack Vogel: I love when you play games on the podcast. I’m a high school technology teacher and I play a game with my students called the 5 Second Rule. It’s based on a board game, but I have changed the topics to technology-themed questions. The game works like this. One person reads a topic “Name Three VS Code Extensions” and the other person has five seconds to respond with three correct answers.
I think this could be a fun game to play on the podcast.

Links

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats!

Nov 17, 2021
Hasty Treat - Next.js 12
17:43

In this Hasty Treat, Scott and Wes talk about Next.js 12 and all of its hot new goodness and updates!

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.

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

04:00 - Rust Compiler: ~3x faster Fast Refresh and ~5x faster builds

06:25 - Middleware (beta): Enabling full flexibility in Next.js with code over configuration

08:16 - React 18 Support: Native Next.js APIs are now supported, as well as suspense

09:56 -  AVIF Support: Opt-in for 20% smaller images

11:58 - Bot-aware ISR Fallback: Optimized SEO for web crawlers

13:10 - Native ES Modules Support: Aligning with the standardized module system

14:39 - URL Imports (alpha): Import packages from any URL, no installs required

Links

Tweet us your tasty treats!

Nov 15, 2021
Web Containers, StackBlitz, and Node.js in the Browser with Tomek Sulkowski
55:37

In this episode of Syntax, Scott and Wes talk with Tomek Sulkowski about web containers, StackBlitz and more!

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.

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.

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.

Guests

Show Notes

02:45 - What is StackBlitz?

05:28 - What makes it different?

08:20 - How does offline work?

12:18 - What are web containers? How does this fit in?

17:45 - How does this all work (WASM, Node.js in the browser, etc.)?

21:00 - What does performance look like?

31:06 - What about VS Code extensions?

32:48 - Monorepos?

35:12 - Databases? Sqlite?

35:36 - Are there any limitations?

37:02 - What is Turbo?

40:58 - How is this different from similar apps?

Links

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats!

Nov 10, 2021
Hasty Treat - What's the deal with Astro?
20:23

In this Hasty Treat, Scott and Wes talk about Astro — what it is and why you should check it out!

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

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.

Show Notes

03:08 - What is it, what does it do?

  • Framework for server-first static apps
  • Use any front-end framework
  • Does not ship JS unless you explicitly define a component to ship JS

05:20 - The syntax

  • .astro files is a mash-up of Svelte and React
  • Frontmatter for server-side JS
  • Template syntax is basically JSX
  • TS baked in
                

07:48 - State management

  • In client-side JS only, no state in .astro files

10:50 - CSS

  • Svelte style
  • Local, scoped