Alle afleveringen

1.049 afleveringen, van nieuw naar oud

Rendering Methods Explained

12 december 2022 · 28 min
Afspelen

In this Hasty Treat, Scott and Wes talk through the various rendering methods in use today and the pros / cons of each.
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:26 Welcome
01:31 What is rendering?
02:41 Sponsor: Sentry
03:58 Sponsor: Sanity
04:55 Rendering methods
05:48 Single page application (SPA)
07:36 Multi-page Application
09:14 Static Site Generation (SSG)
11:10 Service Side Rendered (SSR)
13:08 Partial hydration
14:03 Progressive hydration
15:38 Island architecture
16:25 Progressive enhancement
18:18 Incremental Static Generation
19:12 Streaming SSR
19:53 Resumability
21:51 Edge rendering
23:11 Missing from the list
Tweet us your tasty treats Scott’s Instagram Lees meer

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × Coding at Disney with Vu Le

9 december 2022 · 50 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with Vu Le about his path to working at Disney. How did he learn to code? How do you get a job at Disney? What’s the tech stack inside a Disney team?
Tuple - Sponsor This week’s sponsor is Tuple, an app built specifically for remote pair programming. The app is written in C++ and tuned for high-resolution screen sharing and low-latency remote control. Because developers deserve better than Zoom or Meet for pairing.
Show Notes 01:40 Who is Vu Le?
03:33 How did you learn to code?
04:57 How do you get a job at Disney?
09:01 Internal CMS development at Disney
10:19 What types of languages do you use internally?
15:22 Do you have a design system?
19:52 How do you handle versions and updates?
22:42 Sponsor: Tuple
23:37 Do you get involved in testing?
Vitest Lees meer

25:06 What are you using for GraphQL?
GraphQL

25:34 How are you handling CSS?
Theme UI

31:43 Does Disney do remote work?
34:38 Perks of working at Disney
38:16 Supper Club questions
GMMK Pro Keyboard

Santa Cruz bicycles

JetBrains Mono

45:13 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Garden hose connectors
Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Code Styles: Readable Rules and Petty Preferences

7 december 2022 · 1 uur 9 min
Afspelen

In this episode of Syntax, Wes and Scott talk about their preferred coding styles and preferences they use, and why.
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 00:11 Welcome
02:35 Function definition
06:43 File path aliases
09:36 Implicit vs Explicit Return
13:49 Array.reduce() VS literally anything else
17:37 Loop vs array method
22:55 Sponsor: Linode
23:37 Updating vs creating a new var
30:36 Iterable to Array
34:46 Sponsor: LogRocket
36:16 Destructuring vs Object.property
39:22 Destructuring Arrays vs Reference by index
41:40 Number(string) vs +string
43:35 Incrementing
45:06 Multiple ifs
47:48 Multiple ifs vs switch vs Ternary
51:05 Promises / Error Catching
53:50 if(falsy) block VS return false;
55:51 Sponsor: Freshbooks
56:26 Spaces vs tabs
58:39 Trailing commas
00:40 Semicolons
02:49 SIIIIICK ××× PIIIICKS ×××
××× SIIII… Lees meer
GitHub Next Projects

5 december 2022 · 32 min
Afspelen

In this Hasty Treat, Scott and Wes talk about new features coming to GitHub including Hey, GitHub!, GitHub Blocks, GitHub Copilot CLI, 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.
Show Notes 00:23 Welcome
01:49 Responsive web design update
03:12 Let’s go
05:32 Sponsor: Linode
06:01 Sponsor: LogRocket
07:23 GitHub Next
GitHub Next Lees meer

08:17 GitHub Copilot for the CLI
11:52 Synthesizing results
Syntax 540 - Responsive Design Techniques

13:31 Hey GitHub
Syntax 481 - Supper Club Voice Coding with Pokey Rule

16:55 GitHub Blocks
18:58 GitHub Code search
21:36 GitHub Collaborative workspaces
23:43 GitHub Copilot for your own codebase
25:10 GitHub Copilot Radar
29:15 GitHub AI Pull Requests
Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × Bun with Jared Sumner

2 december 2022 · 51 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with Jared Sumner about why and how he created Bun, what Zig is, and the future of Bun.
Tuple - Sponsor This week’s sponsor is Tuple, an app built specifically for remote pair programming. The app is written in C++ and tuned for high-resolution screen sharing and low-latency remote control. Because developers deserve better than Zoom or Meet for pairing. Tuple.app.
Show Notes 00:37 Welcome
01:44 Who is Jared Sumner?
Jarred Sumner on Twitter Lees meer

Bun

Bun Discord

Bun on GitHub

02:31 Why did you make Bun?
09:43 Using web API vs Node modules?
13:25 Do we still use npm?
15:42 Support for HTML Rewriter
16:46 Where do you see Bun being used?
19:25 Do you think someone will write a type checker?
21:18 Sponsor: Tuple
22:07 What is Zig?
24:57 Did you have a history of learning languages?
28:16 Have you ever thought of putting Bun on hardware?
29:59 Is there a package.json file in Bun projects?
31:34 What can’t Node just get faster?
32:16 What is the future of Bun?
36:27 Thoughts on types in JavaScript?
41:16 Why did you build an SQLite client into Bun?
42:54 Supper Club questions
Starship

Warp

48:52 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Bun meme

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Potluck × Twitter Following × TypeScript × Playwright

30 november 2022 · 58 min
Afspelen

In this potluck episode of Syntax, Wes and Scott answer your questions about strategies to find good Twitter follows, should we use TypeScript for a company blog, what’s Playwright, 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.
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 00:10 Welcome
01:53 TikTok update
02:46 What strategies do you use to find the good stuff?
Tweetdeck Lees meer

11:17 What is the clear distinction b/w how the CRUD Ops & the Real time chat protocols (XMPP, Websockets, etc) differ?
15:56 Should we use TypeScript for a new blog?
20:45 Sponsor: Sanity
21:45 Is there any reason to still use string concatenation over template literals?
26:13 What should React devs use to get initial scaffolding in place?
Create React App

Vite

Turbo Pack

29:38 What’s the deal with Playwright?
Playwright

34:28 Sponsor: LogRocket
35:19 What separates a “scripting” language from a “programming” language?
39:37:14 Sponsor: Prismic
40:23:02 Do you have any tips on how to change a defeated programmer mindset?
Partydown

47:34:07 How has your use of and work in the browser changed with Arc?
Arc Browser

Syntax 514 - Supper Club × Arc Browser with Hursh Agrawal

49:18:15 Why would I attach an event listener with the useCapture argument as true?
51:33:24 SIIIIICK ×××…
Serverless Limitations

28 november 2022 · 20 min
Afspelen

In this episode of Syntax, Wes and Scott talk through some of the limitations of using serverless in your project.
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:23 Welcome
01:08 Sponsor: Sentry
01:59 Sponsor: MagicBell
03:11 Topic introduction
04:44 Function limit
Puppeteer Lees meer

08:51 Node support
10:00 Cron jobs
11:12 Local development
Miniflare

11:45 Database access
SQLite

12:42 Sharing code
13:07 Environmental variables
Netlify environmental variables

14:37 Timeouts
15:47 Sass is expensive
17:26 Infastructure as code
19:02 Search
Algolia

Shameless Plugs Scott: LevelUp Tutorials

Wes: Wes Bos Tutorials

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × Anything But Coding with Wes and Scott

25 november 2022 · 1 uur 2 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with Scott and Wes! Talking about BBQ, electric cars, workout equipment, home renos - but they do sneak in a bit of coding talk!
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.
Tuple - Sponsor This week’s sponsor is Tuple, an app built specifically for remote pair programming. The app is written in C++ and tuned for high-resolution screen sharing and low-latency remote control. Because developers deserve better than Zoom or Meet for pairing. https://tuple.app/syntax
Show Notes 00:37:11 Welcome
03:18:10 Saskatchewan and Saskatoon Berries
Saskatoon Berry Barn Lees meer

05:02:14 TV shows we’re watching
Amazing Race Canada

America’s Dance Crew

Lakefront Luxury

12:49:12 New house vibe
18:29:06 Sponsor: Kontent
19:13:20 Sauna thoughts
22:58:24 Home gym thoughts
Woodupp

Tonal

40:22:16 Sponsor: Tuple
41:17:11 3D printer
44:11:09 How many things can you take on?
48:23:11 BBQ talk
Amazing Ribs

55:26:11 Electric car update
Ioniq 5

57:45:07 Supper Club questions
Level Up Tutorials VS Code Theme

Quokka VS Code Extension

Quokkajs

Console-Ninja

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Responsive Design Techniques

23 november 2022 · 1 uur 2 min
Afspelen

In this episode of Syntax, Wes and Scott talk through some modern responsive design techniques that you may not have heard of, or haven’t had a chance to use yet.
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 00:47 Clean Talk
03:55 The menu of responsive design
Syntax 154 with Sara Soueidan Lees meer

06:52 Responsive design basics
11:54 What should you build for first in 2022?
16:15 Shrink and grow until it looks bad
21:36 Menus in responsive
23:43 Sponsor: Linode
24:13 Grid systems
28:08 Grid and Flexbox
CSS Grid Course

Flexbox Course

Can I Use

35:02 Sponsor: LogRocket
36:00 Container queries
45:56 FitText
49:12 How do you test these types of things?
51:15 Future techniques coming
53:28 Sponsor: Freshbooks
53:56 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Lutron Light switches

Wes: Sunco Lighting BR30

Shameless P…
React use() hook and Async Server Components Proposal

21 november 2022 · 22 min
Afspelen

In this Hasty Treat, Scott and Wes talk about the new proposal for React, what the basics of it are, why it’s being proposed, and some benefits and issues it brings up.
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
Show Notes 00:13 Welcome
01:39 Sponsor: Sentry
02:41 Auth0
03:57 A bit more auth
05:24 New RFC
RFC: First class support for promises and async/await Lees meer

08:30 What are the basics of this proposal?
10:12 Scott gets a little Svelte-y
11:44 Why is this being proposed?
17:14 Infinite loop possibility
18:44 Why is Svelte API better in this use case?
Tanstack

Smooshgate

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × Ryan Dahl and Deno

18 november 2022 · 56 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with Ryan Dahl about Deno. Why was Deno created? What is Deno written in? How is Deno so much faster? And what’s the future of Deno?
Gatsby - Sponsor Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit Gatsby.dev/Syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️
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:36 Welcome
Tinyclouds.org Lees meer

Ry on GitHub

Deno

Deno Discord

01:18 The introduction of Node
02:51 Why are you still betting on JavaScript for the web?
05:34 Why did you make Deno?
09:04 How does TypeScript fit into the landscape?
11:40 How is Deno so much faster?
13:28 Sponsor: Sanity
14:17 What is Deno written in?
15:56 Should developers be learning Rust?
18:27 Will libraries that work on npm eventually work in Deno?
21:52 Are we going to use Node API’s or web spec?
24:31 Sponsor: Sentry
25:31 What is tooling like for Deno?
WinterCG

…
CSS Trends Almanac for 2022 Part 2

16 november 2022 · 59 min
Afspelen

In this episode of Syntax, it’s part 2 of Wes and Scott’s journey through the CSS Trends Almanac for 2022 talking through the rest of the popular CSS properties 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.
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 00:06 Welcome
Syntax 525 - 2022 CSS Trends and Usage Web Almanac Part 1 Lees meer

01:22 Smart home updates
04:05 Box sizing: border box
06:57 CSS Columns
09:20 Aspect Ratio
Can I Use CSS Properties Rotate

09:53 Transitions and animations
13:36 Transition time
17:05 Steps as a timing function
19:01 Sponsor: Prismic
19:43 Blend modes
23:57 Responsive web design
26:31 Prefers Color Scheme
27:48 Popular breakpoints
30:57 Sponsor: LogRocket
32:06 Feature queries and @ supports
34:59 Logical and physical properties
37:59 css-in-js
Sam Magura - Why We’re Breaking Up with CSS-in-JS

Brad Frost - Why We’re Breaking Up with CSS in JS

42:28 Sass
43:20 Print styles
45:38 Sponsor: Sanity
46:38 Longhand properities
48:21 Non-existant properties
52:06 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Front Bumper Drillless Plate Holder

Wes: 1U Server Rack

Shameless Plugs Scott: LevelUp Tutorials

Wes: Wes Bos Tutorials

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagra…
Short Form Content with Tiktok, Reels, Shorts, Tweets

14 november 2022 · 36 min
Afspelen

In this Hasty Treat, Scott and Wes talk about creating short form content for TikTok, Reels, Shorts, and tweets. What are some of the benefits and limitations of creating for vertical video, and what tools are they using to create videos.
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
Show Notes 00:23 Welcome
01:39 Sponsor: Sentry
02:40 Sponsor: Freshbooks
04:05 Short form content intro
WesBos.com/tips Lees meer

Wes on TikTok

LevelUp Tutorials on TikTok

Scott Stolinski on TikTok

07:16 The good and the bad of short form content
17:13 Repurposing content
18:36 Content that works
21:12 Tips for making short form content
24:19 Limitations of short form content
31:49 Tools for editing
Screenflow

Descript

Detail.co

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × Open Table LIVE SHOW

11 november 2022 · 1 uur 6 min
Afspelen

In this supper club episode of Syntax, Wes and Scott recorded a live open table episode with guests calling in to talk about Wasm, building Riverside.fm, home networking, getting a job at Microsoft, Svelte and Sveltekit, htmx, and more!
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
Appwrite - Sponsor Appwrite is a self-hosted backend-as-a-service platform that provides developers with all the core APIs required to build any application. Get free cloud credits by signing up for early access to the Appwrite Cloud launch!
Show Notes 00:30 Welcome
01:49 Safari aspect ratio bug
04:17 Thoughts on Vercel announcements?
NextJS Conf Lees meer

10:07 Gideon Riverside CTO
Riverside.fm Careers

14:44 Do JS devs need to branch out?
16:52 Wasm
Web Assembly (WASM)

Rustlings

19:46 Sponsor: Auth0
21:03 Which company will Vercel aquire next?
Guillermo Rauch

Akamai Acquires Linode

27:12 Svelte Kit and Vercel
30:20 Why don’t you terminate your own ethernet cables?
30:58 How does Fly.io compare to Vercel?
Fly.io

31:36 Did Wes learn Vue?
32:10 Brad jumping on the Remix train
Remix

34:18 Layout shift caused by images in Markdown
38:30 Maintaining home networking
Ubiquiti

44:44 Taking a course lead to a job with Microsoft
Soumya’s YouTube - Geekysrm / website / Twitter

47:38 Sponsor: Appwrite
48:39 Are you still using your Synology NAS?
Synology

53:53 Is Svelte ready for smaller team projects?
Svelte Kit

Wyze

56:03 HTMX
htmx

Alpine.js

01:49 Docker Wasm preview
Introducing the Docker+Wasm Technical Preview

WebAssembly System Interface

Tweet us your tast…
Potluck × Meeting IRL × SSG vs SSR × Domain Privacy

9 november 2022 · 1 uur 7 min
Afspelen

In this Potluck episode of Syntax, Wes and Scott answer your questions about meeting IRL, bookmarks, SSG vs SSR, domain privacy, deploying monorepos, 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:08 Welcome
01:20 Weather updates
02:21 How often have you gotten together in real life?
Jamstack Conf Lees meer

Reactathon

05:33 What are people using to bookmark sites?
Arc Browser

09:03 When not to use Static Site Generation (SSG), and when to use Server-side Rendering (SSR)?
Svelte Kit

13:53 How do you do correct error handling to catch everything?
Sentry.io

21:13 Sponsor: Sentry
22:50 Is there any benefit to using getters and setters in classes set them over plain methods?
27:47 Will there ever be a js framework that can SSR on a non-JS backend?
Render

pnpm

32:40 Have either of you thought about learning and teaching Python or Django?
34:56 What is your opinion on purchasing “Domain Privacy” with each domain?
37:49 Sponsor: Sanity
38:44 Domain privacy continued
39:22 How you deploy monorepo packages?
Tanstack

Vite

43:48 As a member of a non margin group should I avoid applying for jobs when they say they welcome applicants who are of a marginalized grou…
Zod Schema Validation and Type Generation

7 november 2022 · 24 min
Afspelen

In this Hasty Treat, Scott and Wes talk about Zod, a TypeScript-first schema validation with static type inference. How are we using Zod? What do we like? And our thoughts on the Zod ecosystem.
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 00:24 Welcome
01:48 Sponsor: LogRocket
02:54 Sponsor: Linode
04:07 Minecraft thoughts
Minecraft Lees meer

06:25 Scratch
Scratch

07:19 What is Zod?
Zod

Zod comparison

10:05 Features of Zod
13:24 How we’re using Zod
14:40 How Zod works with MongoDB
15:51 3rd party plugins
19:35 Zod ecosystem
Zod Ecosystem

22:22 Asynchronous validation
Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × Coding with ADHD with Dr. Courtney Tolinski

4 november 2022 · 1 uur
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with Dr. Courtney Tolinski about ADHD, how to tell if you have ADHD, issues related to ADHD for computer workers, anxiety vs ADHD, and more.
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.
Appwrite - Sponsor Appwrite is a self-hosted backend-as-a-service platform that provides developers with all the core APIs required to build any application. Get free cloud credits by signing up for early access to the Appwrite Cloud launch!
Show Notes 00:36 Welcome
02:11 Guest introduction
03:00 Do I have ADHD?
CHADD Lees meer

09:12 What is the threshold for diagnosis?
11:43 Are there other issues for computer workers?
Arc Browser

Syntax 513 - The Productivity Episode

15:27 Avoiding difficult or boring things
17:04 Structuring your day
18:41 Sponsor: LogRocket
20:12 Any tips for working in a distracting environment?
MyNoise.net

Headspace

23:40 Can I learn to deal with things?
27:28 How can I support a team member with ADHD?
Missive

31:51 Sponsor: Appwrite
32:47 Any lifestyle changes to help with ADHD?
38:26 How do you find medical help?
42:39 How do you tell the difference between discipline vs ADHD?
47:05 Anxiety vs ADHD?
48:36 Dyslexia and ADHD
53:31 Inheritable or genetic
54:50 Don’t rely on self-diagnoses
Psychology Today

55:48 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Taking Charge of Adult ADHD

Bird feeder

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Spooky Web Dev Stories Part 2

2 november 2022 · 44 min
Afspelen

In this episode of Syntax, Wes and Scott tell more of your scary web dev stories including lorem ipsum mistakes, naming something Skynet, blackouts, Twitch streaming, 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.
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
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:12 Weeeeeelcome
02:11 Slipsum mistake
Slipsum Lees meer

03:40 Brotli scaling explosion
When JavaScript Bytes

05:14 Email loop
Breaking Production with 56,000 emails

05:36 DevOops Magento store
Example.com

08:26 Scary a…
Explained - Buzz Words and Concepts

31 oktober 2022 · 22 min
Afspelen

In this Hasty Treat, Scott and Wes explain more buzz words like schema, promises, async, sync, dom vs shadow dom vs page HTML, props, and more.
Appwrite - Sponsor Appwrite is a self-hosted backend-as-a-service platform that provides developers with all the core APIs required to build any application. Get free cloud credits by signing up for early access to the Appwrite Cloud launch.
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:21 Welcome
01:17 Sponsor: Appwrite
03:16 Sponsor: Sanity
04:08 Schema
Zod Lees meer

Apollo GraphQL

07:25 Promises
08:47 Async, Sync, Parallel and Concurrent
13:15 Dom vs Shadow Dom VS Page HTML
16:21 Methods vs Functions
18:18 Props
20:27 HTTP Requests are Stateless
Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × GraphQL as an Aggregation Layer with Filipe Ferreira of Sky TV

28 oktober 2022 · 52 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with Filipe Ferreira of Sky TV about the tech stack used to deliver streaming TV content, build Apple TV apps, host media, and more.
Gatsby - Sponsor Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit Gatsby.dev/Syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️
Sponsorname - 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
Sponsorname - Sponsor Storyblok is a headless component-based CMS with a real-time visual editor. It offers the flexibility for developers to craft their perfect tech stack, but it also empowers content creators to make changes independently. The result is that every team has the freedom to quickly and easily create the ideal website with limitless extensibility. Other key features include robust Storyblok SDKs and APIs, powerful internationalization options, and an eCommerce-ready platform.
Show Notes 00:36 Welcome
02:15 Guest introduction
fbritoferreira.com Lees meer

@SkyShowtime

Peacock

04:13 What do the systems look like inside of Sky?
GraphQL

Redis

Apollo GraphQL

06:26 Do you use federation?
07:50 How do you handle caching?
11:24 What’s the tech stack for the front end?
13:30 Do you cache on client side?
15:27 How long has Sky been serverless?
16:55 Sponsor: Gatsby
18:05 How was Sky’s Apple TV app built?
21:17 Where did you host media?
AWS Streaming

Mux

24:37 Supporting live events
28:03 Sponsor: Storybl…
Spooky Web Dev Stories 2022

26 oktober 2022 · 55 min
Afspelen

In this episode of Syntax, Wes and Scott tell your spookiest scary web dev stories including spooky render times, push notification hell, dark Friday, 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.
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.
Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax
Show Notes 00:15 Welcome
03:00 Spooky Render Times
React Virtualized Lees meer

React Window

09:19 Push Notification Hell
13:11 Dark Friday
14:19 Tiny Ints with Big Problems
16:57 A/B Testing
18:47 Confirm Purchase button mistake
21:21 Sponsor: Sentry
22:34 Dike Leak
25:14 A Steep Grade
32:41 Falkland Islands mixup
33:40 Conference mixup
36:34 Sponsor: Prismic
37:58 Doctor Who Ipsum
43:55 Marketplace payouts
46:38 Sponsor: Freshbooks
47:42 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: PopSocket Wallet

Wes: Water flosser

Shameless Plugs Scott: LevelUp Tutorials

Wes: Wes Bos Tutorials

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Hydration & New Frameworks Like Qwik

24 oktober 2022 · 25 min
Afspelen

In this Hasty Treat, Scott and Wes talk about Qwik, a new framework designed for the edge. How are things like hydration, lazy loading, rendering, and optimization handled by Qwik?
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:18 Welcome
01:25 Sponsor: Sentry
02:47 Sponsor: Sanity
04:50 What is Qwik?
Qwik Lees meer

08:05 What is SSR?
09:25 Working with hydration
15:31 Lazy loading, reduced rendering, and Qwik optimizer
17:30 Edge first
18:55 Data loading or data actions issues
20:49 Qwik City
Qwik City

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × tRPC With Alex KATT Johansson

21 oktober 2022 · 57 min
Afspelen

In this supper club episode of Syntax, Scott talks with Alex Johansson about his work on tRPC, how it compares to other tools like GraphQL, and what’s next for tRPC?
Polypane - Sponsor If you want to build a great website or web app, there’s a million things you need to take care of: responsive design, accessibility, SEO, Meta tags and page structure, to name just a few. Polypane is the browser for developers with tools that help with literally every part of modern web development, helping you save hours (and frustration!) with every project. It shows your site in multiple fully-synced viewports at once, Gives you advice on better accessibility and gives you insight into your performance and quality. Go to polypane.app/syntax to start a 14 day free trial and use SYNTAX20 for a 20% discount at checkout.
FireHydrant - Sponsor Incidents are hard. Managing them shouldn’t be. FireHydrant makes it easy for anyone in your organization to respond to incidents efficiently and consistently. Intuitive, guided workflows provide turn-by-turn navigation for incident response, while thoughtful prompts and powerful integrations capture all of your incident data to drive useful retros and actionable analytics.
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.
Show Notes 00:37 Welcome
01:56 Guest introduction
@Alexdotjs on Twitter Lees meer

Alex on GitHub

Katt.dev

tRPC.io

02:47 What is tRPC?
06:56 How does type safety work?
10:38 Sponsor: Polypane
13:20 What is Zod?
17:39 How does tRPC relate to GraphQL?
23:47 Sponsor: FireHydrant
25:25 What about a data loader?
29…
2022 CSS Trends and Usage Web Almanac

19 oktober 2022 · 59 min
Afspelen

In this episode of Syntax, Wes and Scott talk about some of the CSS Trends and Usage for 2022 as documented by the Web Almanac - and give some great cleaning tips along the way.
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 00:10 Welcome
02:15 Cleaning Sick Pick
Bar Keepers Friend Lees meer

04:40 Web Almanac
Web Almanac

08:23 CSS stylesheets size grow
09:49 Popular CSS Class names
15:29 How many websites use !important?
18:11 Popular pseudo classes
20:27 Sponsor: Prismic
21:38 CSS Attribute Selectors
27:03 Most popular units
32:23 calc properties
33:13 Sponsor: LogRocket
35:15 Top operators when using calc
36:21 Custom Property Names
37:39 Property Value types
38:00 Functions
39:27 Color names
42:02 Format of color
43:50 Most popular gardient on the web
47:27 Sponsor: Freshbooks
47:57 We don’t know the web
50:39 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Dawn

Wes: Flat speaker wire

Shameless Plugs Scott: LevelUp Tutorials

Wes: Wes Bos Tutorials

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Bookmarklets

17 oktober 2022 · 11 min
Afspelen

In this Hasty Treat, Scott and Wes take Matt Busche’s suggestion and talk all about bookmarklets and scripts to modify or manipulate web pages.
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.
NAME - Sponsor COPY HERE
Show Notes 00:25 Welcome
02:02 What are bookmarklets?
Matt Busche’s fav bookmarklets Gist Lees meer

Bookmarklet Maker

CSS Tricks - Web Development Bookmarklets

04:49 Using an Immediately invoked function expression
09:22 Greasemonkey
Greasemonkey

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × Neovim, Lua, RPC and Twitch with TJ DeVries

14 oktober 2022 · 56 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with TJ DeVries about his work on Neovim, programming in Lua, the benefits of RPC, live streaming your work day, and PDE.
FireHydrant - Sponsor Incidents are hard. Managing them shouldn’t be. FireHydrant makes it easy for anyone in your organization to respond to incidents efficiently and consistently. Intuitive, guided workflows provide turn-by-turn navigation for incident response, while thoughtful prompts and powerful integrations capture all of your incident data to drive useful retros and actionable analytics.
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.
Gatsby - Sponsor Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit Gatsby.dev/Syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️
Show Notes 00:36 Welcome
01:13 Guest introduction
Teej_dv on Twitter Lees meer

TJ Devries

Teej_DV on Twitch

TJ on YouTube

Telescope on GitHub

Neovim on GitHub

Syntax 508 with The Primeagan

03:15 The difference between Vim and Neovim
06:14 Why did you choose to write in Lua?
Lua

Luajit

13:26 What is adapative UI in Neovim?
17:38 Lunarvim and alternatives
Fvim

LunarVim

20:24 Personalized development environment PDE
PDE

Firenvim

22:40 Sponsor: FireHydrant
23:21 Benefits of RPC
30:34 Is working on Neovim your job?
Sponsor Neovim

Sourcegraph

31:30 What is your …
Use The Platform!

12 oktober 2022 · 1 uur 2 min
Afspelen

In this episode of Syntax, Wes and Scott talk about the benefits of sticking to the web platform that is available to you through APIs you may not know about.
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.
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 00:11 Welcome
01:15 Fogging the boats
04:25 Use the platform
06:32 URLSearchParams
10:04 Pushstate and History API
Pushstate Lees meer

13:46 Internationalization API
Internationalization API

Syntax episode 153

16:03 FormData API
MDN Docs

Clipboard API tutorial

20:31 Sponsor: Prismic
21:23 All of the DOM API
24:12 Vanilla JS
26:06 Localstorage and IndexDB
29:18 Web Animations API
31:10 Sponsor: LogRocket
32:39 Endless other browser apis
38:22 Shadow DOM and Web Components
Web Components for beginners

42:57 CSS variables
46:05 HTML
47:27 Sponsor: Sanity
49:19 More HTML
54:12 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Cable sleeve

Wes: Kindling splitter

Shameless Plugs Scott: LevelUp Tutorials

Wes: Wes Bos Tutorials

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Syntactic Sugar, Declarative and First Class Citizens? What does that even mean?

10 oktober 2022 · 15 min
Afspelen

In this Hasty Treat, Scott and Wes explain what the jargon you hear in JavaScript means.
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
Show Notes 00:25 Welcome
01:06 Sponsor: Sentry
01:59 Sponsor: Freshbooks
02:27 What does that even mean?
02:55 Everything in JavaScript is an Object!
04:43 X is just Syntactic Sugar
09:00 Functions are first class citizens
10:04 Object Literals or Template Literals
11:12 Declarative vs Imperative
Tweet us your tasty treats Scott’s Instagram Lees meer

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × ORMs with Nikolas Burk from Prisma

7 oktober 2022 · 1 uur 3 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with Nikolas Burk from Prisma about the role an ORM plays in a tech stack, how Prisma has changed over the years, ways to query data in Prisma, and how migrations work with Prisma.
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.
Storyblok - Sponsor Storyblok is a headless component-based CMS with a real-time visual editor. It offers the flexibility for developers to craft their perfect tech stack, but it also empowers content creators to make changes independently. The result is that every team has the freedom to quickly and easily create the ideal website with limitless extensibility. Other key features include robust Storyblok SDKs and APIs, powerful internationalization options, and an eCommerce-ready platform.
FireHydrant - Sponsor Incidents are hard. Managing them shouldn’t be. FireHydrant makes it easy for anyone in your organization to respond to incidents efficiently and consistently. Intuitive, guided workflows provide turn-by-turn navigation for incident response, while thoughtful prompts and powerful integrations capture all of your incident data to drive useful retros and actionable analytics.
Did we mention that FireHydrant is free? Get started at Firehydrant.com/syntax.
Show Notes 00:35 Welcome
01:30 Guest intro
@NikolasBurk on Twitter Lees meer

04:56 How has Prisma evolved?
Prisma

Keystone

GraphQL

10:44 What was Prisma V1?
17:04 Is there any GraphQL specific functions in Prismic?
21:26 Sponsor: Hasura
22:26 What role does an ORM play in a tech stack?
29:54 What is Planetscale?
Planetscale

The T3 Stack

32:22 Where does TRPC fit?
tRPC

33:46 Sponsor: Storyblok
35:28 What is an ORM?
…
Potluck - Using Emoji in Naming × Project Estimates × Goal Planning

5 oktober 2022 · 1 uur 2 min
Afspelen

In this episode of Syntax, Wes and Scott answer your questions about whether you should use emoji in naming grid elements, how to estimate project times, responsive design tips, animating gradient backgrounds, 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.
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:10 Welcome
01:22 Shooting some pucks at the football game
04:06 Should we use emoji naming conventions for our grid template areas instead of just words?
Screenshot of Grid question Lees meer

08:38 How do you estimate a reliable timeline for a project?
12:18 Do you think about sustainable web development?
16:24 What kind of tips and tricks around responsive design do you have?
18:22 Sponsor: Linode
18:55 Ho…
How to Get Past the Blahs and Finish Your Project

3 oktober 2022 · 22 min
Afspelen

In this Hasty Treat, Scott and Wes talk about the ways they get unstuck when working on the last bit of a project to help push it over the finish line.
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 00:26 Welcome
02:05 Sponsor: Linode
02:59 Sponsor: LogRocket
03:48 The last 10 percent
05:25 Break those things into Tasks
08:11 Just do it
09:10 Rewards
11:25 Be ok with good enough
14:21 Keep the end in sight
15:00 Do it “Quick a minute”
Tweet us your tasty treats Scott’s Instagram Lees meer

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × Open Sauced With bdougie

30 september 2022 · 53 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with bdougie about his work on Open Sauced, thoughts on getting into open source development, and his live streaming set up.
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.
FireHydrant - Sponsor Incidents are hard. Managing them shouldn’t be. FireHydrant makes it easy for anyone in your organization to respond to incidents efficiently and consistently. Intuitive, guided workflows provide turn-by-turn navigation for incident response, while thoughtful prompts and powerful integrations capture all of your incident data to drive useful retros and actionable analytics.
Get started at Firehydrant.com/syntax
Storyblok - Sponsor Storyblok is a headless component-based CMS with a real-time visual editor. It offers the flexibility for developers to craft their perfect tech stack, but it also empowers content creators to make changes independently. The result is that every team has the freedom to quickly and easily create the ideal website with limitless extensibility. Other key features include robust Storyblok SDKs and APIs, powerful internationalization options, and an eCommerce-ready platform.
Show Notes 00:36 Welcome
01:52 Guest introduction
OpenSauced.pizza Lees meer

@Bdougieyo on TikTok

bdougie on Twitch

Open Sauced on YouTube

bdougie on YouTube

Jamstack

Netlify

03:36 What was the inspiration for Open Sauced?
08:23 GitHub GraphQL API
13:22 What are your thoughts on GraphQL?
GraphQL

14:36 What is the T3 stack?
16:30 Sponsor: Hasura
17:53 What is the goal for Open Sauced?
Open Sauced Beta for Hacktoberfest

20:08 What is your focus with live streaming?
T3 Stack

Vite

The Primeagan on Syntax Episod…
Wes’ New Soundproof Office

28 september 2022 · 1 uur 11 min
Afspelen

In this episode of Syntax, Wes talks through all the gear, renovations, and upgrades he’s made to his new home office. Lighting, soundproofing, desk, windows, 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 00:38 Welcome Lees meer

02:24 Scouting a house with an office

03:54 Why didn’t you hire someone?

08:50 Goals for the office

10:30 Soundproofing

19:49 Decouple the ceiling

25:52 Sponsor: LogRocket

26:54 The door

33:23 Sponsor: Prismic

33:59 The desk

40:40 Cable management

47:12 Lighting

49:03 The room and windows

51:22 Flooring

55:12 Sponsor: Freshbooks

55:47 Things yet to be done

01:03:49 Costs

01:06:10 SIIIIICK ××× PIIIICKS ×××

Desk Haus Apex Pro Max

Alien Tape

××× SIIIIICK ××× PIIIICKS ××× Scott: Pretend Podcast

Wes: Nano Tape

Shameless Plugs Scott: LevelUp Tutorials

Wes: Wes Bos Tutorials

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
WTF Is Enhance Framework?

26 september 2022 · 17 min
Afspelen

In this Hasty Treat, Scott and Wes talk about a new framework called Enhance. What is Enhance and how does it differ from other new frameworks like Astro?
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:27 Welcome
01:12 Sponsor: Sentry
02:06 Sponsor: Sanity
03:40 What is Enhance?
Enhance.dev Lees meer

06:17 Singe file components
export default function HelloWorld({ html, state }) { const { attrs } = state const { greeting='Hello World' } = attrs return html` body { color: #222; } ${greeting} ` } Astro

09:23 State and Props
14:01 CSS
Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × Arc Browser with Hursh Agrawal

23 september 2022 · 46 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with Hursh Agrawal of The Browser Company about Scott’s favorite browser, Arc. How do you make a browser in 2022? Will there be a Windows version? And who is the target market for Arc?
FireHydrant - Sponsor Incidents are hard. Managing them shouldn’t be. FireHydrant makes it easy for anyone in your organization to respond to incidents efficiently and consistently. Intuitive, guided workflows provide turn-by-turn navigation for incident response, while thoughtful prompts and powerful integrations capture all of your incident data to drive useful retros and actionable analytics.
Gatsby - Sponsor Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit Gatsby.dev/Syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️
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:34 Welcome
HurshAgrawal.com Lees meer

@Hursh

02:53 What is Arc and why create another browser?
Arc browser

The browser company

05:36 What is different about Arc?
08:20 Who is the target market for Arc?
09:30 Sponsor: Auth0
10:39 How do you make a browser?
13:38 Will there be a Windows version of Arc?
15:57 Where did the CMD-T functionality come from?
19:27 Sponsor: FireHydrant
2…
The Productivity Episode

21 september 2022 · 1 uur 4 min
Afspelen

In this episode of Syntax, Wes and Scott talk through what they do to get things done - apps for to do list tracking, calendar blocking, and how they determine a productive day.
StoryBlok - Sponsor Storyblok is a headless component-based CMS with a real-time visual editor. It offers the flexibility for developers to craft their perfect tech stack, but it also empowers content creators to make changes independently. The result is that every team has the freedom to quickly and easily create the ideal website with limitless extensibility. Other key features include robust Storyblok SDKs and APIs, powerful internationalization options, and an eCommerce-ready platform.
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 02:49 What is a productive day?
04:56 What’s an unproductive day?
07:43 Techniques for work
Getting Things Done Lees meer

Eat That Frog

Height

14:57 Weighting tasks
18:29 Pomodoro technique
20:53 Sponsor: StoryBlok
22:46 The hard schedule
29:24 Blocking out distractions
Focus

Self Control

32:20 Sponsor: LogRocket
33:34 Tips We Have
42:55 Sponsor: Freshbooks
43:32 Software to help get things done.
Things

Todoist

Omnifocus

Transmit

Savvycal

Centered

Remarkable

56:21 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: USB C Female to USB Male Adapter

Wes: Measuring tape

Shameless Plugs Scott: LevelUp Tutorials

Wes: Wes Bos Tutorials

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
AI and Coding - Is Github Co-Pilot Worth It?

19 september 2022 · 24 min
Afspelen

In this Hasty Treat, Scott and Wes talk all about GitHub Co-Pilot and whether it’s ethical, secure, worth it, gonna make you dumb, just going to get in your way, or the greatest thing for programmers to use.
Sentry - Sponsor Sentry Dex conference is a free, one-day event to share best practices, epic fails, and seasoned insights on how to improve productivity.
From controlling chaotic workflows to maintaining stable code, there’s a lot that can drive a developer mad. We’re hosting DEX, the conference for developers by developers, to give us all a chance to come together and sort through that madness.
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 Dex conference is a free, one-day event to share best practices, epic fails, and seasoned insights on how to improve productivity.
From controlling chaotic workflows to maintaining stable code, there’s a lot that can drive a developer mad. We’re hosting DEX, the conference for developers by developers, to give us all a chance to come together and sort through that madness.
Show Notes GitHub Copilot Lees meer

Code Whisperer

00:29 Welcome
01:12 Sponsor: Sentry
02:06 Sponsor: Sanity
03:07 GitHub Co-Pilot is now paid
05:51 Is it ethical?
08:02 Is it secure?
10:16 Is it going to take our jobs?
13:34 Is it worth it?
16:21 Does it make you dumb?
17:53 Does it get in the way?
Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × Raycast with Thomas Mann

16 september 2022 · 58 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with Thomas Mann about Raycast - an app that can replace Spotlight on your Mac, and do so much more.
FireHydrant - Sponsor Incidents are hard. Managing them shouldn’t be. FireHydrant makes it easy for anyone in your organization to respond to incidents efficiently and consistently. Intuitive, guided workflows provide turn-by-turn navigation for incident response, while thoughtful prompts and powerful integrations capture all of your incident data to drive useful retros and actionable analytics.
Did we mention that FireHydrant is free? Get started at Firehydrant.com/syntax Lees meer

Show Notes @ThomasPaulMann

01:49 What is Raycast?
Raycast

Raycast Store

08:11 Do you have designers on your team to help guide UI?
10:13 Why build it native instead of HTML and CSS?
13:12 Why did you choose React?
21:54 How do you figure out what’s possible in system level APIs?
26:40 Snippets make use of SQLite
SQLite

29:05 Encrypted local storage data
33:11 Any plans for theming for Raycast?
35:20 What is the pricing model?
37:06 What was your Y combinator experience like?
Y Combinator

Careers

42:08 Any plans for future features?
44:08 Supper Club questions
Leopold FC660C Black 65% Dye Sub PBT Mechanical Keyboard

iTerm

Starship

51:25 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Nothing Ear Buds

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
How To Build an API in 2022

14 september 2022 · 1 uur 7 min
Afspelen

In this episode of Syntax, Wes and Scott talk about what APIs are, the API standards that exist, and walk through the various layers of what goes into making an API.
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!
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 00:10 Welcome
02:40 What are APIs?
06:09 API Standards
13:56 What about GRPC?
15:52 What is TRPC?
19:19 Sponsor: Payments Hub
20:25 API Cake Layers
mySQL Lees meer

Postgres

Mongo DB

SQLite

SQLizer

26:51 Server layer
33:28 Sponsor: LogRocket
34:36 Authentication layer
43:28 Caching layer
46:09 Sponsor: Freshbooks
46:38 Client layer
Prisma: Package, but also a service
keystone: Package
Strapi: Package
Sanity: Service
Prismic: Service
Hasura: Open Source and Service
Contentful

https://hygraph.com/

48:01 Should I use x or y?
51:35 Tools
GraphQL Playground

Graphiql

Postman

Insomnia

TablePlus

Studio3T

56:27 SIIIIICK ××× PIIIICKS ×××
00:20 Knife Talk
××× SIIIIICK ××× PIIIICKS ××× Scott: Sharp Pebble

Wes: Laser level

Shameless Plugs Scott: LevelUp Tutorials

Wes: Wes Bos Tutorials

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Use Next-gen CSS Today (Post CSS Configs)

12 september 2022 · 25 min
Afspelen

In this Hasty Treat, Scott and Wes talk about next generation CSS that you can use today with PostCSS including importing, nesting, variables, media query ranges, custom media queries, 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 00:27 Welcome
01:30 Sponsor: Prismic
02:54 Sponsor: Sentry
03:53 Do we use Post CSS?
05:22 Presets and plugins
06:19 Plugins we’re using
"postcss-import" @import './elements/headings.css'; 09:48 PostCSS Nested
12:59 Variables (Custom Properties)
15:50 Media Query Ranges
PostCSS Media Minmax Lees meer

17:16 Custom Media Queries
"postcss-media-minmax" @media screen and (width >= 500px) and (width <= 1200px) "postcss-custom-media" @custom-media --below_small (width < env(--small_bp)); @media (--above_small) {} 18:35 Env Vars
"postcss-env-function" env(--small_bp) 20:12 Color Function and Color Function Notation
/* color-function */ p { color: color(display-p3 1 0.5 0); color: color(display-p3 1 0.5 0 / .5); } Syntax 479: CSS Color Functions

Post CSS Color Functional Notation

Post CSS Preset Env

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in yo…
Supper Club × The Primeagan - Vim, Streaming, Rust, all Around Interesting Guy

9 september 2022 · 1 uur 4 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with The Primeagan about his streaming set up, how he decides what to stream, why he makes the kind of content he does, and why he loves Vim.
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.
Storyblok - Sponsor Storyblok is a headless component-based CMS with a real-time visual editor. It offers the flexibility for developers to craft their perfect tech stack, but it also empowers content creators to make changes independently. The result is that every team has the freedom to quickly and easily create the ideal website with limitless extensibility. Other key features include robust Storyblok SDKs and APIs, powerful internationalization options, and an eCommerce-ready platform.
Show Notes 00:35 Welcome
01:48 Guest introduction
ThePrimeagen on YouTube Lees meer

ThePrimeagen on Twitch

@ThePrimeagen on Twitter

Why I Make Content

03:53 Dropping in on skateboarding
Tony Hawk’s Pro Skater

05:43 What do you do?
07:17 How do you plan your live streams?
10:05 Sponsor: Hasura
11:27 Do you do interactive content via OBS on stream?
OBS

16:22 What languages do you use on stream?
Bun

Zig

22:03 What do you try to build on stream?
24:53 Sponsor: StoryBlok
25:45 Why do you use Vim?
38:42 Do you ever have to do pair programming with Vim?
40:43 What kind of hardware are you playing with?
Arduino

42:52 Supper club questions
Lemur

Pop

Kinesis Advantage 2

56:20 SIIIIICK ××× PIIIICKS ×××
Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Potluck - How to Pick a Tech Stack × useEffect × setTimeout × Staying Focused

7 september 2022 · 1 uur 3 min
Afspelen

In this episode of Syntax, Wes and Scott answer your questions about picking the right tech stack, whether useEffect is still useful, benefit to use uses setTimeout, 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.
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. a0.to/syntax
Show Notes 00:23 Welcome
02:39 What’s the best way of comparing the efficiency of object literals created from a factory function vs objects created by new’ing a class.
Perf.link Lees meer

06:54 How can I always see the full signature in VS Cod…
Big Deno Changes

5 september 2022 · 23 min
Afspelen

In this Hasty Treat, Scott and Wes talk about the changes announced by Deno and their thoughts on the changes.
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 00:24 Welcome
01:37 Sponsor: LogRocket
02:34 Sponsor: Linode
03:18 Standing and getting mic’d
04:20 What is Deno?
Deno Changes Lees meer

07:13 What were they doing before this?
How could we support typescript without vendoring it?

21:22 Enterprise support and search
Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × Steve Ruiz Building a Drawing App

2 september 2022 · 56 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with Steve Ruiz about how he built tldraw, how he manages state, what was done to support mobile, and more.
Gatsby - Sponsor Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit gatsby.dev/syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️
Show Notes 00:34 Welcome
03:23 Who is Steve Ruiz?
Steve Ruiz Lees meer

04:45 What is tldraw and what was your inspiration for it?
tldraw

Globs

Excalidraw

tldraw on GitHub

11:04 Why didn’t you use canvas?
16:15 How do you make an algorithm?
Perfect Free Hand

19:33 Do you use pointer events?
23:44 What are you using to manage state?
29:42 How do you handle zooming?
Creating Zoom UI

32:28 Where do you store the data for tldraw?
Project Fugu

37:08 Why use indexdb?
38:05 Sponsor: Gatsby
39:49 How difficult was it to make it work on mobile?
React Use Gesture

41:59 Does it work offline?
43:25 Supper Club Questions
Monokai Pro

Framer Classic

Hacker News

One Lone Coder on YouTube

Displaced Gamer

Coding Secrets

52:28 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Last Call BBS

Shameless Plugs Steve: tldraw.dev

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Syntax Highlight

31 augustus 2022 · 1 uur 7 min
Afspelen

In this episode of Syntax, Wes and Scott review the websites you’ve submitted including Ruben Oliveira, Adam Collier, Consolecmnd, Brad Preston, and more!
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.
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:16 Welcome
02:05 Setting up Wes’ new office
06:18 rubenoliveira.tech
Ruben Oliveira Lees meer

17:22 adamcollier.co.uk

Adam Collier

22:56 Sponsor: Sanity
24:13 Consolecmnd.com

ConsoleCMND

32:37 sz-development.tech
SZ-Development

44:07 Sponsor: LogRocket
44:57 Richardcarrigan.com

Richard Carrigan

49:52 Bradpreston.dev
Brad Preston

54:18 Sponsor: MagicBell
55:17 Mikemneves.com

Mike Mneves

01:05 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Packing Cubes

Wes: Volt 1

Shameless Plugs Scott: LevelUp Tutorials

Wes: Wes Bos Tutorials

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Margins

29 augustus 2022 · 21 min
Afspelen

In this Hasty Treat, Scott and Wes talk about margins. There are a lot of techniques for dealing with margins - padding instead of margin, only margin or padding bottom, Flexbox for everything, Grid for everything, or a spacing Div.
Sentry - Sponsor Find out about Sentry’s Dex Conference.
From controlling chaotic workflows to maintaining stable code, there’s a lot that can drive a developer mad. We’re hosting DEX, the conference for developers by developers, to give us all a chance to come together and sort through that madness.
This is a free, one-day event to share best practices, epic fails, and seasoned insights on how to improve productivity. Whether you join us in-person in San Francisco or virtually from your home, you’ll have the opportunity to share your thoughts, engage with other developers, and walk away with your own personal madness sorting algorithm.
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:30 Welcome
01:39 Sponsor: Sentry
02:50 Sponsor: Auth0
04:25 Introduction to margins
08:28 Margin vs padding
11:46 New techniques
14:32 The spacer div
17:36 Why do it as a component vs a class?
Tweet us your tasty treats Scott’s Instagram Lees meer

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Supper Club × Self Hosted Backend-as-a-service with Brandon Roberts

26 augustus 2022 · 47 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with Brandon Roberts about Appwrite, how Appwrite works, who it’s for, as well as his thoughts on Angular, Remix, and more.
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.
Lightstep Incident Response - Sponsor Streamline on-call, collaboration, incident management, and automation with a free 30-day trial of Lightstep Incident Response, built on ServiceNow. Usage-based pricing on active services promotes collaboration across your entire team to build a culture of service ownership. Listeners of Syntax will also receive a free Lightstep Incident Response T-shirt after firing an alert or incident.
Pay for the services you use, not the number of people on your team with Lightstep Incident Response, built on ServiceNow. Streamline on-call, collaboration, incident management, and automation with a free 30-day trial. Fire an alert or incident today and receive a free Lightstep Incident Response t-shirt.
Show Notes 00:36 Welcome Lees meer

01:10 Who is Brandon Roberts?

@BrandonTRoberts

02:00 What is Appwrite?

Appwrite

Getting started with Appwrite

03:17 What database layer does Appwrite use?

08:17 Is this working client side or server side?

09:54 Great docs and examples

12:55 How is deployment handled?

Appwrite on Digital Ocean

15:30 Sponsor: Lightstep Incident Response

16:36 Appwrite’s focus on developer experience

Appwrite to do with Svelte

19:56 Realtime database options with Appwrite

22:40 Cloud functions in Appwrite

26:01 How does Appwrite scale?

Docker Swarm

27:28 Who is Appwrite for?

Flutter

30:03 What is Ionic?

Ionic

32:12 What do you enjoy about working in Angular?

Angular

35:0…
Fundamentals - Web Workers and Service Workers

24 augustus 2022 · 55 min
Afspelen

In this episode of Syntax, Wes and Scott talk through the fundamentals of web workers and service workers - examples, when you should use them, how to debug, local dev, and more.
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 - 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
04:34 What are threads?
06:12 Concurrent vs parallel
09:22 Green screen web cam example
13:02 Examples of what you could use web workers for
Party Town Lees meer

Deno

19:52 Sponsor: LogRocket
20:42 Post Message API and Web Workers
25:57 What about WASM?
27:28 Offline sync
28:14 What are service workers?
31:20 How do you caching sites for offline use?
32:39 Web worker vs service worker
34:12 Sponsor: Sanity
35:40 What is the lifecycle of a service worker
38:18 Possible issues with Service Workers
42:46 Debugging service workers
Svelte Kit Service workers

Workbox

43:04 Testing and local development
Service Workers notes from Wes’ Workshop

46:45 Sponsor: Freshbooks
49:59 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Setex Gecko Grip 1mm Anti Slip Eyeglass Nose Pads

Wes: Samsung Frame TV

Shameless Plugs Scott: LevelUp Tutorials

Wes: Wes Bos Tutorials

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets
Episode 500!

22 augustus 2022 · 33 min
Afspelen

In this Hasty Treat, Scott and Wes talk about the past 499 episodes of Syntax, what have been the most downloaded episodes, their favorite episodes, and the sickest of sick pics.
Sentry - Sponsor Attend Dex
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 00:28 Welcome
01:44 Sponsor: Sentry
03:28 Sponsor: Payments Hub
04:36 20 million!
05:57 Our current recording process
Libsyn Lees meer

09:09 Top 10 episodes
162 - The Fundementals JS

92 - React Hooks

158 - The Fundamentals HTML + CSS

66 - The React Episode

44 - How to Learn New Things Quickly

198 - How to Get Better at Problem Solving

20 JavaScript Array and Object Methods to make you a better developer

188 - The Fundamentals - Server Side

174 - How to Build an API

120 - Gatsby vs Next

18:00 Our favorite episodes
193 - Spooky Stories

400 - Horror Stories 2021

250 - Scott Teaches Wes Svelte and Sapper

60 - Undocumented Web

23:00 Questions from Twitter
Twitter questions

Tweet us your tasty treats Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your…
Supper Club × Rich Harris, Author of Svelte

19 augustus 2022 · 56 min
Afspelen

In this supper club episode of Syntax, Wes and Scott talk with the author of Svelte, Rich Harris, about what influenced the creation of Svelte, his thoughts on web components, the virtual DOM, why companies are switching to Svelte, and what’s next for Svelte.
Gatsby - Sponsor Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit gatsby.dev/syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️
Lightstep Incident Response - Sponsor Streamline on-call, collaboration, incident management, and automation with a free 30-day trial of Lightstep Incident Response, built on ServiceNow. Usage-based pricing on active services promotes collaboration across your entire team to build a culture of service ownership. Listeners of Syntax will also receive a free Lightstep Incident Response T-shirt after firing an alert or incident.
Pay for the services you use, not the number of people on your team with Lightstep Incident Response, built on ServiceNow. Streamline on-call, collaboration, incident management, and automation with a free 30-day trial. Fire an alert or incident today and receive a free Lightstep Incident Response t-shirt.
Show Notes 00:33 Welcome
02:10 Who is Rich Harris?
Rich Harris on Twitter Lees meer

02:55 What is Svelte?
Svelte

Vercel

Svelte Kit

06:52 What influenced the template language for Svelte?
10:03 What do you use the const tag for?
10:49 Sponsor: Gatsby
12:04 What about immutability issues?
17:49 What about web components?
21:51 Why does Svelte not need the virtual DOM?
27:34 Sponsor: Lightstep Incident Response
28:45 What is your favorite part of working in Svelte?
32:31 Why are companies switching to Svelte?
34:35 What is…

Alle afleveringen

Rendering Methods Explained

Supper Club × Coding at Disney with Vu Le

Code Styles: Readable Rules and Petty Preferences

GitHub Next Projects

Supper Club × Bun with Jared Sumner

Potluck × Twitter Following × TypeScript × Playwright

Serverless Limitations

Supper Club × Anything But Coding with Wes and Scott

Responsive Design Techniques

React use() hook and Async Server Components Proposal

Supper Club × Ryan Dahl and Deno

CSS Trends Almanac for 2022 Part 2

Short Form Content with Tiktok, Reels, Shorts, Tweets

Supper Club × Open Table LIVE SHOW

Potluck × Meeting IRL × SSG vs SSR × Domain Privacy

Zod Schema Validation and Type Generation

Supper Club × Coding with ADHD with Dr. Courtney Tolinski

Spooky Web Dev Stories Part 2

Explained - Buzz Words and Concepts

Supper Club × GraphQL as an Aggregation Layer with Filipe Ferreira of Sky TV

Spooky Web Dev Stories 2022

Hydration & New Frameworks Like Qwik

Supper Club × tRPC With Alex KATT Johansson

2022 CSS Trends and Usage Web Almanac

Bookmarklets

Supper Club × Neovim, Lua, RPC and Twitch with TJ DeVries

Use The Platform!

Syntactic Sugar, Declarative and First Class Citizens? What does that even mean?

Supper Club × ORMs with Nikolas Burk from Prisma

Potluck - Using Emoji in Naming × Project Estimates × Goal Planning

How to Get Past the Blahs and Finish Your Project

Supper Club × Open Sauced With bdougie

Wes’ New Soundproof Office

WTF Is Enhance Framework?

Supper Club × Arc Browser with Hursh Agrawal

The Productivity Episode

AI and Coding - Is Github Co-Pilot Worth It?

Supper Club × Raycast with Thomas Mann

How To Build an API in 2022

Use Next-gen CSS Today (Post CSS Configs)

Supper Club × The Primeagan - Vim, Streaming, Rust, all Around Interesting Guy

Potluck - How to Pick a Tech Stack × useEffect × setTimeout × Staying Focused

Big Deno Changes

Supper Club × Steve Ruiz Building a Drawing App

Syntax Highlight

Margins

Supper Club × Self Hosted Backend-as-a-service with Brandon Roberts

Fundamentals - Web Workers and Service Workers

Episode 500!

Supper Club × Rich Harris, Author of Svelte