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.

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

• 00:21 Welcome
• 02:47 Sponsor: Sentry
• 03:48 Sponsor: MagicBell
• 04:55 What’s is Vitest?
• 09:06 How is testing handled?
• 10:59 HappyDOM
• 14:13 Code coverage baked in
• 16:25 Files acting as folders

• Scott’s Instagram

In this episode of Syntax, Wes and Scott talk through the tech stack they use to manage their course websites.

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

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.

• 00:10 Welcome
• 02:50 CSS Redesign of LevelUpTuts
• 03:56 Overview of our platforms
• 06:06 The API
• ExpressJS

• Scott: Toniebox Audio Player Starter Set

• Scott: LevelUp Tutorials - Svelte 3D Course

• Scott’s Instagram

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

• 00:21 Welcome
• 01:13 Sponsor: LogRocket
• 02:06 Sponsor: Prismic
• 03:23 Wes’ story of SSL
• Render

• Scott’s Instagram

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.

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

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

• 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

• Scott: Okeeffe’s Lip Balm

• Scott: Level Up Course Drop

• Scott’s Instagram

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

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

• 00:21 Welcome
• 01:20 Sponsor: LogRocket
• 02:26 Sponsor: Retool
• 03:49 What exactly is server side rendering vs. tech like Jamstack and serverless?
• Cloudinary

• Scott’s Instagram

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!

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

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

• 00:10 Welcome
• 01:20 Scott’s new sound panels
• 03:32 Instacart
• 2021 State of JS Survey

• Scott: StoryPal

• Wes: Heartbeat Hot Sauce

• Matty Matheson on Hot Ones

• Gordon Ramsay on Hot Ones

• Scott: LevelUp Tutorials

• Scott’s Instagram

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

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

• 01:26 Sponsor: LogRocket
• 02:15 Sponsor: Linode
• 03:51 How Wes sells stickers
• Syntax 346: Selling And Shipping T Shirts with TypeScript

• Scott’s Instagram

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!

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

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

• 2021 State of JS Survey

• Scott: Inventing Anna

• Scott: LevelUp Course Drop Party

• Scott’s Instagram

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

• 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

• Scott’s Instagram

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

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!

• Ben Vinegar

• Scott: Last Seen

• Wes: SEOUL Sisters Korean Kimchi Seasoning

• Ben: Worst Scene / Best Scene

• I Was There Too

• Scott: LevelUp Tutorials

• Scott's Instagram
• LevelUpTutorials Instagram
• Wes' Instagram
• Wes' Twitter
• Wes' Facebook
• Scott's Twitter
• Make sure to include @SyntaxFM in your tweets
•