Syntax - Tasty Web Development Treats
Alle afleveringen
1.049 afleveringen, van nieuw naar oud
-
Supper Club × Ryan Florence of Remix
4 augustus 2023 · 1 uur 12 min
In this supper club episode of Syntax, Wes and Scott talk with Ryan Florence about Remix, working at Shopify, the history of licensing and pricing, quitting Twitter, the state of React Server components, and more.
Show Notes 00:35 Welcome
Ryan Florence Lees meerRyan Florence (@ryanflorence) / X
React Training
React Router Docs Moved
ryanflorence (Ryan Florence) · GitHub
01:42 Collarbone update
06:47 What is Remix?
Remix.run11:43 Server actions
15:33 What was the history around licensing?
20:30 Open source is weird now
22:21 Working with Shopify and Hydrogen
Remixing Shopify | RemixCSS Zen Garden: The Beauty of CSS Design
The Zen of CSS Design: Visual Enlightenment for the Web: Shea, Dave, Holzschlag, Molly E.: 9780321303479: Amazon.com: Books
28:04 On quitting Twitter
35:33 What’s coming up with v2 of Remix?
40:30 The reality of breaking changes
44:18 What’s the status of React Server components?
49:46 Will Remix ever have React Server components in it?
50:55 How should we be fetching our data?
53:04 Do you have a wishlist for JSX?
58:45 Supper Club questions
Strapi - Open source Node.js Headless CMS 🚀Sidekiq
GitHub - i-tu/Hasklig: Hasklig - a code font with monospaced ligatures
GitHub - sindresorhus/terminal-snazzy: Elegant Terminal theme with bright colors
08:24 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Minivans
Shameless Plugs ShopifyTweet 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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Standard Server JavaScript - Deno, Workers, Bun and More
2 augustus 2023 · 1 uur 4 min
In this episode of Syntax, Wes and Scott talk about JavaScript runtimes available to use, what to consider, and packages to use.
Show Notes 00:10 Welcome
01:00 Scott’s glasses
03:46 All the runtimes
Bun — A fast all-in-one JavaScript runtime Lees meerEdge Functions Supabase Docs
Edge Functions Netlify Docs
Deno — A modern runtime for JavaScript and TypeScript
Fast and low overhead web framework, for Node.js | Fastify
What Is Edge Computing? Alibaba
05:15 A note for anyone new to JavaScript
08:40 Winter CG
WinterCG11:05 Fetch
sindresorhus/ky: JavaScript HTTP client based on the browser Fetch APIwebsite/src/routes/shows/+page.svelte
14:53 URL
20:02 addEVentListener
whatwg/fs · Issue #5 · wintercg/proposal-common-minimum-api · GitHub22:53 Web streams
Web Streams Explained — Syntax Podcast 58726:03 Structured Clone
Structured JSON | Worker Tools33:43 What does JSON 5 do?
34:48 Markdown flavors
36:46 File
40:32 AbortController and AbortSignal
DOM StandardDOM Standard
42:45 Packages for building
linkedom - npm44:05 Honking the Hono.dev
Itty RouterItty Dev
Hono.dev
55:25 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Macro FactorWes: CRP Products
Shameless Plugs Scott: Sentry
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Rust for JavaScript Developers - Node vs Rust Concepts
31 juli 2023 · 33 min
In this Hasty Treat, Scott and Wes talk about Rust, and how the concepts might translate for JavaScript developers looking to try writing in Rust.
Show Notes 00:26 Welcome
01:08 Wes’ big beer bottle and Red Green
RedGreenTV on YouTube Lees meer05:03 Thrift store finds
06:19 Rust in JavaScript
TOML: Tom’s Obvious Minimal Language11:07 Documentation
Docs.rsPractice.rs
16:46 Memory safety
17:43 What about promises in Rust?
19:24 Error handling in Rust
27:39 What’s with the double colon?
Tweet us your tasty treats Scott’s InstagramLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Supper Club × Email Sending, Spam, DMARC, SPF, Styling, and more with Andris Reinman
28 juli 2023 · 1 uur 3 min
In this supper club episode of Syntax, Wes and Scott talk with Andris Reinman about his work on all things email - spam, DMARC, SPF, why there’s no good CSS in email, and his current project: Email Engine.
Show Notes 00:36 Welcome
01:56 Introducing Andris Reinman
Andris Reinman on GitHub Lees meerAndris Reinman (@andrisreinman)
Nodemailer :: Nodemailer
04:34 Why is email so difficult?
Free DMARC Monitoring from PostmarkConvertKit: The creator marketing platform
09:48 What has changed in email?
10:52 What are DMARK, SPF and BIMI?
18:48 Is Mailtrain an open source alternative to Mailchimp?
Mailtrain-org/mailtrain: Self hosted newsletter app22:52 Why can’t we use CSS in email?
29:05 Why is email so expensive?
32:39 How do you keep your emails out of the spam folder?
35:42 What is Email Engine?
EmailEngine Email API40:16 Is Email Engine self hosted?
41:01 How does Ethereal email work?
Ethereal Email46:16 What email client do you use?
49:44 Are any email clients harder to send to?
55:23 Supper Club questions
iTerm2 - macOS Terminal Replacement59:29 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Programming Internet Email: Mastering Internet Messaging Systems: Wood, David: 9781565924796: Books - Amazon.caShameless Plugs EmailEngine Email
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Polyfills, Transpiling and Monkey Patching
26 juli 2023 · 59 min
In this episode of Syntax, Wes and Scott talk about what polyfills, transpiling, and monkey patching mean, how and when to do it, and libraries that can help you out.
Show Notes 00:10 Welcome
01:07 Toast follow up
02:45 What are transpiling, ponyfill, polyfill, and monkey patching
TC39 Proposals Lees meerPretty excited about the new JavaScript non-mutating array methods. Currently in stage 3
11:18 Transpiling unsupported CSS
15:11 Polyfills
Popover polyfill19:22 Polyfilling CSS
21:06 HTML polyfills
27:47 How to transpile and polyfill
BabelTypeScript: JavaScript With Syntax For Types
CoffeeScript
Civet
cronn/jsxtransformer: Pipeline for transforming JSX files using Babel.js and Uglify.js
Svelte • Cybernetically enhanced web apps
Polyfill.io
core-js - npm
35:46 Shiv and shims
Shim vs Shiv38:16 Monkey patching
49:08 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Cable sleeveWes: Air Purifier
AliExpress
Shameless Plugs Scott: Sentry
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
User Feedback UI - Toasts, Flash, Validation
24 juli 2023 · 38 min
In this Hasty Treat, Scott and Wes talk about toast messages for validation, errors, confirmations, and more.
Show Notes 00:24 Welcome
01:04 Why use these types of notifications
03:34 Old school checking stories
05:35 What kinds of toast messages are there?
10:02 Why toast?
11:38 Best practices for toast messages
17:09 Timeouts and manual close auto close
19:38 Multiple messages stacking on top of each other
22:56 Using a toast library
Building a toast component Lees meerreact-hot-toast - The Best React Notifications in Town
Real-time notification system for products | MagicBell
28:29 Form validation
Form validation with HTML5 and JavaScript33:36 HTML inputs
Tweet us your tasty treats Scott’s InstagramLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Supper Club × WASM, Fastly Edge, and Polyfill.io with Jake Champion
21 juli 2023 · 54 min
In this supper club episode of Syntax, Wes and Scott talk with Jake Champion about his work with Fastly and Polyfill, the difference between WASY and WASM, what Winter CG is, and what makes Fastly different.
Show Notes 00:35 Welcome
02:06 Who is Jake Champion?
Jake (@JakeDChampion) Lees meerJakeChampion on GitHub
04:31 How long as Polyfill been around?
06:11 What is Fastly?
FastlyPolyfill
WASMTime
SpiderMonkey JavaScript/WebAssembly Engine
12:09 What are people running on the edge with Fastly?
16:29 What is Winter CG compliance?
Winter CG proposal17:55 What about node API’s being in platforms
21:18 What is WASY vs WASM?
24:37 Who is Web Assembly for?
31:34 Is there anything WASM is not good for?
41:39 What makes the Fastly runtime different from others
HonoSmashing Mag - Web Workers
Worker Tools
47:07 Supper Club questions
iTerm2Zsh for Humans
50:26 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Luther TV SeriesForrest Gump
Shameless Plugs Fiddle on Fastly
js-compute
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Potluck × CSS Variables in React × JS Notebooks × Selling a Domain
19 juli 2023 · 1 uur 3 min
In this potluck episode of Syntax, Wes and Scott answer your questions about Prisma, CSS variables in React components, JS notebooks, transcribing podcasts, keeping up with dev skills, selling a domain, and more.
Show Notes 00:10 Welcome
00:42 Harassed by a big truck
03:20 Corrections and omissions
Syntax 627 - Electronics for Beginners Lees meer05:57 Should I be using $executeRawUnsafe with Prisma?
09:48 unset and initial
11:54 true and false outside ARIA attributes
14:56 Is there a way to modify the CSS variables from the React component?
18:58 How do you feel about the JS notebooks landscape?
Jupyteryunabe/tslab: Interactive JavaScript and TypeScript programming with Jupyter
Val Town
The notes app for your working memory - Stashpad
Obsidian - Sharpen your thinking
Light Table
27:39 Is it possible to transcribe your podcasts?
World’s Most Powerful Speech-to-Text API | Deepgram29:05 Any tips for keeping my developer skills up without burning out?
36:35 Any advice for selling a domain?
Escrow.com | Never buy or sell online without using Escrow.com.42:13 How do you update and future-proof project dependencies?
Syntax 425 - Updating Project Dependencies47:14 When I write TypeScript code, I always wonder if it’s a generally good practice to use Type-Only import when importing types?
53:54 How would you go about conditional wrapper tags in Astro, Svelte or React?
56:07 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Ancient ArchitectsWes: Small Rig
Shameless Plugs Scott: Sentry
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Help Me Help You - How To Ask For Help
17 juli 2023 · 16 min
In this Hasty Treat, Scott and Wes talk about how to get help for a bug or error you’re getting in someone else’s code.
Show Notes 00:26 Welcome
01:54 Building a reproduction of the error
03:55 Creating a gist
Gist Lees meer04:48 Be responsive. Be ready.
08:03 Where do you go first for support?
09:44 Search for your issue first
GitHub Issues10:53 Be nice
Tweet us your tasty treats Scott’s InstagramLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Supper Club × val.town with Steve Krouse
14 juli 2023 · 58 min
In this supper club episode of Syntax, Wes and Scott talk with Steve Krouse about val.town, what it is, his philosophies on teaching people to code, the tech stack for val.town, and the benefits of inspiring kids to learn to code.
Show Notes 00:36 Welcome
01:27 Who is Steve Krouse?
Steve Krouse Lees meerFuture of Coding
stevekrouse (Steve Krouse) · GitHub
Steve Krouse (@stevekrouse) on Twitter
Coding Classes for Kids & Teens | Coding for Kids | The Coding Space
03:06 What is Val.town?
Val Town08:35 Where did the inspiration for social dev environments come from?
12:52 WYSIWYG code vs being code first
16:30 How does val.town inspire people?
20:26 How do you prevent people abusing val.town?
24:57 What’s the UI story for snippets on val.town?
27:31 Do you plan to support express?
29:03 What’s the tech stack behind the front end of val.town?
30:35 What’s the tech stack for the back end of val.town?
34:37 How do you measure for pricing?
37:07 Who is using val.town?
42:00 What’s your methodology for teaching kids to code?
47:44 Supper Club questions
GitHub - pomdtr/sunbeam: Generate powerful TUIs from simple scripts written in any language.Deno — A modern runtime for JavaScript and TypeScript
A Small Matter of Programming
The Unison language
CodeMirror
A Small Matter of Programming: Perspectives on End User Computing
Stripe Press — Ideas for progress
pomdtr/sunbeam: Generate powerful TUIs from simple scripts written in any language.
Seymour Papert
woofjs.com
Bret Victor
Welcome | Future of Coding
Tom MacWright (@tmcw)
55:54 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× SwitchBot Wi-Fi Smart LockShameless Plugs Val Town
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Stump’d × JavaScript × GraphQL × Memory Safety × Web History
12 juli 2023 · 54 min
In this episode of Syntax, Wes and Scott try to stump each other with questions about JavaScript, HTTP status error codes, memory safety, and a bit of web history thrown in.
Show Notes 00:11:07 Welcome
Displaced Gamers Lees meer00:46:00 In which year was JavaScript introduced?
02:59:16 What status code is returned by server when a resource isn’t found?
03:32:00 Which http status code indicates the client must authenticate itself?
04:34:17 What is a pseudo class and give an example?
05:15:11 What JavaScript function allows you to delay the execution of a function?
06:02:06 Who first proposed using separate style sheet language for the web?
08:08:14 Which of the following statements about JavaScript strict are true?
08:50:11 What is event driven programming in Node.js?
10:26:08 In GraphQL, how do you mark a field as deprecated?
10:47:24 How does xHTML differ from HTML?
11:48:21 Which of the following statements is true about objects in JavaScript?
13:20:19 What is a type erase in TypeScript?
14:21:23 In TypeScript which syntax can be used to define a user defined type guard?
16:02:12 What is a closure in JavaScript?
17:40:00 Which node.js module provides asynchronus file I/O?
18:54:08 What does memory safety mean?
21:57:11 What does http2 introduce to improve speed?
23:58:05 What are strategies for optimizing HTML5 video?
26:28:11 Which of the following is not a correct way to create a new object?
28:13:20 What is the difference between function declaration and function expression?
30:49:11 What is the value of this inside an arrow function defined in a non-arrow function?
31:22:11 What is a type guard?
33:03:11 What is the order of execution in JavaScript?
35:11:01 Which version of ecmascript was scrapped?
39:41:00 What is the result of the following comparison in JavaScript?
41:37:21 What were the major criticisms of CSS in it’s early days?
46:48:10 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: ProjectorWes: USB plug
Shameless Plugs Scott: Sentry
Wes: …
-
Roundup - Sick AI Tools For Developers
10 juli 2023 · 36 min
In this Hasty Treat, Scott and Wes talk about various AI tools for developers that are available.
Show Notes 00:25 Welcome
01:36 AI creeping into real life
04:03 Cody AI
Cody - Business AI Employee Trained on Your Knowledge Base Lees meerSourcegraph
06:24 How AI coding help works
09:57 Amazon Code Whisper
AI Code Generator - Amazon CodeWhisperer - AWSAmazon Code Whisperer VS Github Copilot
10:44 Copilot Labs
GitHub NextGitHub Next | GitHub Copilot Labs
14:25 LintRule
Lintrule18:06 Open Commit
di-sukharev/opencommit: Auto-generate impressive commits with AI in 1 second24:03 Code Geex
CodeGeeX - A Multilingual Code Generation Tool - CodeGeeXGhostwriter - Code faster with AI - Replit
Meaningful Code Tests for Busy Devs | CodiumAI
30:20 Tab9 and Kite
AI assistant for software developers | TabninePotluck - Web components × Gear × Docker × Web Dev Frameworks × Golden Handcuffs × Browser Testing × SSR React × Code Prediction × More! — Syntax Podcast 364
33:06 Sloppy prompt example
Tweet us your tasty treats Scott’s InstagramLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Supper Club × Cloudinary with Colby Fayock
7 juli 2023 · 54 min
In this supper club episode of Syntax, Wes and Scott talk with Colby Fayock about Cloudinary’s new AI tools, media flow, removing backgrounds, using AI for video templates, and Colby’s stack for creating YouTube content.
Show Notes 00:36 Welcome
01:11 Who is Colby Fayock?
ColbyFayock.com Lees meerColby Fayock (@colbyfayock)on Twitter
ColbyFayock - Twitch
colbyfayock on GitHub
Colby Fayock (@colbyfayock) • Instagram
01:57 What is Cloudinary?
Image and Video Upload, Storage, Optimization and CDN03:03 What’s with the space jellyfish?
03:52 How is Cloudinary using AI for the web?
Developer resources for using images and videos in your apps09:54 What is media flow?
13:00 Who is the target audience for AI tools from Cloudinary?
17:03 Removing backgrounds
Remove Background from Image for Free – remove.bgiPhone Messages stickers: How to make and use them - 9to5Mac
21:14 Cloudinary’s Video API
ascorbic/unpic-img: Multi-framework responsive image component22:44 Function calling in OpenAI
26:22 How do you deal with the random generation of AI?
29:00 What are the community SDKs for Cloudinary?
37:04 What’s your process for creating content for YouTube?
42:49 Supper Club Questions
Open Broadcaster Software | OBSFacecam Pro – Elgato
Recut — Automatic Video Editor
Night Owl - Visual Studio Marketplace
iTerm2 - macOS Terminal Replacement
Oh My Zsh - a delightful & open source framework for Zsh
51:40 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Ready To Drink Cold Brew Coffee | Trader Joe’sShameless Plugs Colby Fayock on YouTube
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
What are Headless Components?
5 juli 2023 · 48 min
In this episode of Syntax, Wes and Scott talk about what headless components are, the why and when to use headless components, and how to best implement them.
Show Notes 00:07 Welcome
02:33 Tailwind Connect
Tailwind Connect 2023 | Tailwind CSS Live Event Lees meer04:37 Headless component overview
DownshiftHeadless UI
06:57 A country dropdown component
12:52 Possibly like Svelte actions?
18:46 What do headless components provide?
19:13 Examples of headless component projects
Microsoft Edge Demo24:24 How does this compare to web components?
Tanstack TableTanstack Virtual
26:29 Checking out Shoelace
Shoelace28:42 Figma announcements
What’s New in Figma31:21 What does headless mean?
36:24 SIIIIICK ××× PIIIICKS ×××
41:20 AI Voices
××× SIIIIICK ××× PIIIICKS ××× Scott: Hacker News Recap /Hacker News Recap on Apple PodcastsWes: Calipers
Shameless Plugs Scott: Sentry
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Lightning CSS
3 juli 2023 · 29 min
In this Hasty Treat, Scott and Wes talk about what Lightning CSS is, how it works, and why you should consider using it in your projects.
Show Notes 00:25:22 Welcome
01:04:11 Overview of Lightning CSS
Lightning CSS Lees meerDevon Govett (@devongovett)
Parcel
04:56:11 What’s in Lightning CSS?
OKLCH21:39:11 CSS Layers
24:57:14 Text decoration
Tweet us your tasty treats Scott’s InstagramLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Supper Club × Messaging Queues and Workers with Armin Ronacher
30 juni 2023 · 59 min
In this supper club episode of Syntax, Wes and Scott talk with Armin Ronacher about his contributions to open source, queues and messaging in apps, scaling up a queue, and how it all works at Sentry.
Show Notes 00:35 Welcome
01:49 Who is Armin Ronacher?
Armin Ronacher Lees meermitsuhiko (Armin Ronacher)
Armin Ronacher (@mitsuhiko)
Armin Ronacher
Armin Ronacher
Apache Kafka
04:11 What are queues and what are they used for?
08:02 Do you listen or poll for updates in the queue?
12:49 Does this help when a provider goes down?
18:31 How do you architect a queue?
20:20 How does it scale up?
27:05 How does Sentry manage all the data flowing in from events?
Redis Message Broker | Redis EnterpriseMessaging that just works — RabbitMQ
Using RabbitMQ — Celery 5.3.1 documentation
33:45 How do you visualize the data?
37:15 Edge case that Sentry had to fix
40:22 How are you using Rust?
Rust Programming Language43:32 Why is Python so popular in the AI space?
45:17 What do you think about JavaScript on the server?
48:02 Supper Club questions
50:44 How do you stay motivated with programming?
××× SIIIIICK ××× PIIIICKS ××× BilderbuchBilderbuch on Spotify
Shameless Plugs Rye - An Experimental Package Management Solution for Python
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
WTF is an ORM
28 juni 2023 · 1 uur 2 min
In this episode of Syntax, Wes and Scott talk about the benefits and potential drawbacks of using an ORM on your next project, as well as what some of the popular ORMs are.
Show Notes 00:10 Welcome
00:39 Dental cleanings
03:00 What’s an ORM?
05:51 Benefits of using an ORM
12:54 Validation in ORM
19:18 What about Types?
23:44 Popular ORMs
Prisma Lees meerSequelize
Objection.js
Knex.js
DrizzleORM - next gen TypeScript ORM
Mongoose ODM v7.3.1
TypeORM
waterline.js
42:41 Potential downsides to using an ORM
45:53 Database schemas
52:30 Hooks or events
55:27 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: I Think You Should Leave with Tim RobinsonWes: Wise, Formerly TransferWise: Online Money Transfers
Shameless Plugs Scott: Sentry
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Where to Register a Domain
26 juni 2023 · 42 min
In this Hasty Treat, Scott and Wes talk about where you should register a domain name, explain DNS, and the process for moving a domain from one registrar to another.
Show Notes 00:25 Welcome
02:04 Domain name registration vs DNS
03:58 Domain name flattening
05:07 Domain name privacy
05:31 Proxy registrations
06:44 Bait and switch registrars
11:56 Domain registrars we found
13:09 NameCheap and Spaceship
Namecheap Lees meerSpaceship
17:42 GoDaddy
GoDaddy19:26 Ghandi
Gandi.net21:16 Porkbun
Porkbun22:18 Hover
Hover.com24:24 Name
Name.com26:24 Cloudflare
Cloudflare28:04 What’s the process for moving d
iwantmynameDNSimpleomains to a new registrar?
30:38 I Want My Name and DNS Simple
33:05 Finding domain names
37:28 What would you pick to register a domain today?
Tweet us your tasty treats Scott’s InstagramLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Supper Club × Why Netlify bought Gatsby, GraphQL Data Layer, and Headless CMS with Dustin Schau
23 juni 2023 · 1 uur
In this supper club episode of Syntax, Wes and Scott talk with Dustin Schau about Netlify Connect, Gatsby, GraphQL, and more.
Show Notes 00:35 Welcome
01:20 Who is Dustin Schau?
Dustin Schau (@SchauDustin) Lees meerDevelop and deploy websites and apps in record time | Netlify
02:49 Is Valhalla from Gatsby?
How to Source Content from a Headless CMS | GatsbyValhalla Content Hub | Gatsby
Netlify Connect Brings All Content Sources & CMS Apps Together
05:41 Valhalla is now Netlify Connect
09:32 How often should you scrape or cache from another API?
10:36 What about auth?
13:41 Will Netlify Connect be open source or paid?
18:48 Is GraphQL it?
Overview | urql DocumentationGQty
22:35 What odd data sources are you trying to connect?
26:06 How does Gatsby send out to APIs?
29:00 What CMS should people use?
The Markdown CMS | TinaThe platform to bring your best ideas to life | Contentful
The Composable Content Cloud - Sanity.io
31:22 What do you think of component based CMS?
SEO Enterprise Rank Tracker - A Keyword Rank Tracking Tool Like No Other | Nozzle.io35:36 What are your thoughts on the React ecosystem?
43:33 What’s the future for Gatsby?
46:14 Supper Club questions
folivora.ai - Great Tools for your Mac!Noodlesoft – Noodlesoft – Simply Useful Software
Dank Mono: The coding typeface for aesthetes
DSchau/dotfiles: :wrench: .files, including ~/.macos — sensible defaults for macOS development (catered to Node.js)
Deploy app servers close to your users · Fly
Hono - Ultrafast web framework for the Edges
Stream Movies & TV Shows | Plex
The Free Software Media System | Jellyfin
56:29 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Arc BrowserResend React Email
Shameless Plugs Netlify
Netlify Connect
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Potluck × Warp × Skeleton UI × Edge Functions × Donut Scoping
21 juni 2023 · 1 uur 7 min
In this potluck episode of Syntax, Wes and Scott answer your questions about rate-limiting an API, using Wasp, Enums in TypeScript, styling React projects, using Edge functions, and more.
Show Notes 00:11 Welcome
01:53 Connecting at conferences
JSNation – the main JavaScript conference of 2023 Lees meerRenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers
04:10 What technique do you use for consuming a rate-limited API?
07:58 Is Wasp-lang.dev ticking all the boxes for an awesome full-stack JavaScript framework?
Wasp14:36 How do you guys feel about skeleton UIs?
Skeleton | Open UI19:10 How can i forward my http only auth cookies to my backend API?
22:28 What’s your opinion on using Enums in TypeScript?
29:46 How much off the clock time away from coding related activities do you have in a typical week?
37:10 What’s the best approach for styling React projects?
42:49 Donut scoping
Scope donuts | Stubbornella45:21 How do I add user registration and content uploading features to a website?
Next.js by Vercel - The React FrameworkLaravel - The PHP Framework For Web Artisans
Image and Video Upload, Storage, Optimization and CDN
RedwoodJS: The App Framework for Startups | RedwoodJS.com
SvelteKit • Web development, streamlined
Learn Node — The best way to learn Node.js, Express, MongoDB, and Friends
AdonisJS - A fully featured web framework for Node.js
53:25 Do you see any benefits in using edge functions if your audience is local?
59:20 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: * BOJACK 37 Values 480 Pcs Electronics Component Fun Kit with Power Supply Module, Jumper Wire,Precision Potentiometer,830 tie-Points Breadboard Compatible with STM32,Raspberry Pi,Arduino : ElectronicsWes: * Local and regional eSIMs for travellers - Airalo
Shameless Plugs Scott: Sentry
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 @Syn…
-
AsyncLocalStorage + AsyncContext API
19 juni 2023 · 17 min
In this Hasty Treat, Scott and Wes talk about AsyncLocalStorage, why more frameworks aren’t using it yet, some examples, as well as some footguns.
Show Notes 00:22 Welcome
01:44 What is AsyncLocalStorage?
03:14 What is context?
07:49 Why aren’t more frameworks using AsyncLocalStorage for context for middleware?
10:16 Examples of usage
14:20 Footguns
Tweet us your tasty treats Scott’s Instagram Lees meerLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Supper Club × JavaScript on Hardware, Micro Controllers, ESP32 with Nick Hehr
16 juni 2023 · 1 uur 4 min
In this supper club episode of Syntax, Wes and Scott talk with Nick Hehr about the fun ways to get started with micro controllers, writing JavaScript for hardware, and ideas for projects to build involving hardware and software.
Show Notes 00:36 Welcome to Syntax
01:04 Introducing Nick Hehr
Nick Hehr (@hipsterbrown) Lees meerHipsterBrown (@hipsterbrown@toot.cafe) - Toot Café
HipsterBrown
HipsterBrown (Nick Hehr)
Nick Hehr on CodePen
03:58 Running JavaScript on microcontrollers
06:20 What was your first project that got you into this?
12:12 Is the ESP32 the most popular controller?
14:12 Where do you buy hardware?
Arduino - HomeAdafruit Industries, Unique & fun DIY electronics and kits
AliExpress - Online Shopping for Popular Electronics, Fashion, Home & Garden, Toys & Sports, Automobiles and More products - AliExpress
SparkFun Electronics
Introduction 🚀 xs-dev Documentation
Welcome to Robo Wizard | Robo Wizard
16:52 What are people building with boards?
18:30 What does the JavaScript look like?
22:16 Can you make a Fetch request?
25:45 What about Arduino?
31:54 What’s a good starter project?
Johnny-Five: The JavaScript Robotics & IoT Platformmeganetaaan/stack-chan: A JavaScript-driven M5Stack-embedded super-kawaii robot.
TC53 - Ecma International
dtex/j5e: Framework for embedded devices using ECMA-419, the ECMAScript® embedded systems API specification, based on Johnny-Five’s API
HipsterBrown/on-air-light: An offline-first IoT on-air light for video meetings, using ESP32 & JS
ESPHome — ESPHome
Being in the video game with Augmented Climbing | The Kid Should See This
36:03 Emulation and debugging
39:13 What else have you made?
44:31 ESP Home
54:35 SIIIIICK ××× PIIIICKS ×××
00:32 Shameless Plugs
××× SIIIIICK ××× PIIIICKS ××× The Opus Intro Kit – Fellowjdxcode/rtx: Runtime Executor (asdf rust clone)
Code: The Hidden Language of Computer Hardware and Software: Petzold, Charles: 9780137909100: Books - Amazon.ca
Shameless Plugs Introduction 🚀 xs-dev Docume…
-
Electronics for Beginners
14 juni 2023 · 58 min
In this episode of Syntax, Wes and Scott talk through an introduction to electronics that you can do in your own home with microcontrollers.
Show Notes 00:08 Welcome
00:52 What we’re talking about
Arduino - Home Lees meerESP32 – The best products with free shipping | only on AliExpress
02:15 Airtag Sidebar
04:05 Projects We’ve Worked On
06:34 How do you run software on the microcontroller
08:50 Microcontrollers are extendable
12:05 Fixing a dryer
14:06 Sprinkler system
15:48 Microcontrollers
20:28 AC and DC Voltage
25:45 Amperage and watts
28:19 Extension cords ideally would have fuses
31:18 What’s the risk of not having enough power?
32:09 GPIO
35:45 Resistance
How Resistors Work - Unravel the Mysteries of How Resistors Work!41:12 Capacitors
42:02 Sensors
5/1pcs HLK LD2410C 24G mmWave FMCW Millimeter Wave 5M Human Presence Status Radar Sensor Motion Detection Modul High Sensitivity46:47 Relays
48:33 Coding microcontrollers
Web Serial APIESPHome — ESPHome
Johnny-Five: The JavaScript Robotics & IoT Platform
Espruino - JavaScript for Microcontrollers
Introduction - The Rust on ESP Book
Welcome to Quick.js! - quick.js
52:32 A note on Soldering
53:12 Projects for kids
54:31 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Razor bladeWes: ESP32 – The best products with free shipping | only on AliExpress
Shameless Plugs Scott: Syntax Discord
Wes: Wes’ Instagram
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
GitHub Projects, Milestones, Labels, and Actions
12 juni 2023 · 24 min
In this Hasty Treat, Scott and Wes talk about some of the GitHub features you may not have used very much including projects, milestones, labels, and actions.
Show Notes 00:26 Welcome
01:53 That’s sick
04:05 What we’ve used in the past
Trello Lees meerJira | Issue & Project Tracking Software | Atlassian
06:13 Working with Github Projects
About Projects11:57 Milestones
About milestones14:35 GitHub Labels
Managing labels19:51 GitHub Actions
Features • GitHub ActionsLevel Up Tutorials - Learn modern web development
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Is JSDoc Better than TypeScript?
7 juni 2023 · 43 min
In this episode of Syntax, Wes and Scott use the fact that Svelte is being converted from TypeScript to JavaScript with JSDoc to talk about the benefits of working that way, why they are doing it, and what you can do with JSDoc that TypeScript alone doesn’t let you do.
Show Notes 00:10 Welcome Lees meer01:12 Roof update
02:15 TypeScript haters need not apply
03:17 What is JSDoc?
04:27 What is our history with JSDoc?
06:37 Why is Svelte moving to JSDoc?
08:11 Why is JSDoc better than TypeScript?
12:31 You can type things you can’t in TypeScript
16:37 Param, Function and returns Descriptions
21:32 Spoiler - it’s still TypeScript
33:23 SIIIIICK ××× PIIIICKS ×××
Get Started With TypeScript the Easy Way
TypeScript without TypeScript – JSDoc superpowers
TypeScript: Documentation - JSDoc Reference
Dev Vlog: April 2023 - TypeScript vs JSDoc, Transitions API, Dominic Gannaway joins Svelte team
Svelte repo is finally being converted from Typescript to Javascript with JSDoc
If you are on a JS project and are missing the TypeScript hinting in your editor, you can still type your code with JSDoc syntax comments and VS Code will detect and use it!
Sprinkle in a little JSDoc on top of your TypeScript when needed - helpful to adding descriptions to returned values, or marking things as deprecated
TypeScript to JSDoc
××× SIIIIICK ××× PIIIICKS ××× Scott: Watch MerPeople | Netflix Official Site
Wes: 18V ONE+ 45W HYBRID SOLDERING STATION (TOOL ONLY) | RYOBI Tools
Shameless Plugs Scott: Sentry
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Nothing in CSS - 0 vs 0px, no, none, hidden, initial and unset
5 juni 2023 · 34 min
In this Hasty Treat, Scott and Wes talk about all the nothing in CSS: 0 vs 0px, no, none, hidden, initial and unset.
Show Notes 00:22 Welcome
01:50 The @ property
03:33 Hiding Things
10:07 Ghost Spaces
17:47 Collapsing margins
18:33 0 units vs 0
23:42 Unset and initial
27:42 HTML Bonus
Tweet us your tasty treats Scott’s Instagram Lees meerLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Supper Club × Matt Rothenberg and Idan Gazit on Github Next
2 juni 2023 · 1 uur 4 min
In this supper club episode of Syntax, Wes and Scott talk with Matt Rothenberg and Idan Gazit from GitHub about GitHub Next, Copilot, AI based projects at Github, and what the future is for developers with AI.
Show Notes 00:38 Welcome
01:23 Who are Matt and Idan?
Matt Rothenberg Lees meer@mattrothenberg
Matt Rothenberg on CodePen
Matt Rothenberg on GitHub)
Idan Gazit
@idangazit
Idan Gazit vis.social
Idan Gazit on GitHub
02:22 What’s the history of GitHub Next?
GitHub Copilot · Your AI pair programmerChatGPT | OpenAI
05:18 How do you come up with new ideas?
06:37 Did GitHub Copilot blow up fast?
13:18 Do we need powerful models for all situations?
16:40 How does Copilot know my codebase?
Inside GitHub: Working with the LLMs behind GitHub Copilot | The GitHub Blog21:34 What’s Copilot X?
Introducing GitHub Copilot X24:57 What is it like to have a hit like Copilot?
31:27 What is the future for developers due to AI?
35:11 What other AI based projects are you working on?
42:10 Are there any flops from GitHub Next?
46:59 How do you think about Code Brushes?
GitHub Next | Code Brushes48:46 Supper Club questions
Breeze | Afternoon LabsIntroduction - The Rust on ESP Book
Recursive Sans & Mono
Bearded Theme - Visual Studio Marketplace
Zed - Code at the speed of thought
Warp: The terminal for the 21st century
59:16 SIIIIICK ××× PIIIICKS ×××
Shameless Plugs GitHub Nextgithubnext/githubnext: A public point of contact for GitHub Next
Ariakit - Toolkit for building accessible UIs
Liveblocks | Collaborative experiences in days, not months
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
The New Syntax Site × Ingest, Stack, AI and more
31 mei 2023 · 1 uur 13 min
In this episode of Syntax, Wes and Scott talk through the work in progress on the new Syntax website, how to tackle all the moving parts, what stack they picked, AI, and more.
Show Notes 00:10 Welcome
00:56 Leaky roofs
02:18 How we divided the workload for the new Syntax site
Issues of Syntax v2 Lees meerV2 of the website
02:55 Dark mode vs light mode
04:46 Our project management stack
06:36 High school dances
08:36 Tech stack for Syntax v2
Prisma | Next-generation ORM for Node.js & TypeScriptPlanetScale: The world’s most advanced database platform
16:44 PostCSS and Sveltekit
SvelteKit • Web development, streamlinedVercel: Develop. Preview. Ship. For the best frontend teams
17:57 Auth
Authorizing OAuth AppsoAuth APIs Explained — Syntax Podcast 599
23:15 Transcription
Otter.ai - Voice Meeting Notes & Real-time TranscriptionAmazon Transcribe – Speech to Text - AWS
Introducing Whisper
WhisperX: Automatic Speech Recognition with Word-level Timestamps (& Diarization)
Speech-to-Text: Automatic Speech Recognition Google Cloud
Deepgram: World’s Most Powerful Speech-to-Text API
35:54 Theming system
CSS Zen Garden: The Beauty of CSS Design43:38 AI Shownotes
53:02 Ingest process
00:24 Markdown as the source of truth
01:50 AI Embeddings
Vector Database for Vector Search | PineconeIntroducing Ask Netlify: a new way of engaging with Netlify Docs with AI-Powered interactions
09:22:24 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Jury DutyWes: Ted Lasso
Shameless Plugs Scott: Syntax Discord
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
JavaScript.exe - Standalone Executables
29 mei 2023 · 17 min
In this Hasty Treat, Scott and Wes talk about JavaScript executables - what is it? What’s the benefit of them? And what kind of tooling exists to support them?
Show Notes 00:25 Welcome
01:12 What are JavaScript executables?
04:39 Deploying tooling
06:01 Running on a USB stick
07:57 The size
12:19 Fastly
The edge cloud platform behind the best of the web | Fastly Lees meerDeno — A modern runtime for JavaScript and TypeScript
Bun — A fast all-in-one JavaScript runtime
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Supper Club × Bramus Van Damme on CSS
26 mei 2023 · 56 min
In this supper club episode of Syntax, Wes and Scott talk with Bramus Van Damme all about CSS, what the CSS Working Group is, how he got good at blogging, setting custom property types in CSS, view transition API, and so much more.
Show Notes 00:35 Welcome Bramus Van Damme
02:29 Who is Bramus?
Bramus Van Damme - Developer Relations Engineer - LinkedIn Lees meerOriginal Content – Bram.us
Bramus on Twitter (@bramus)
bramus on GitHub (Bramus!)
03:33 What is the CSS Working Group?
CSS WG Blogw3c/csswg-drafts: CSS Working Group Editor Drafts
11:18 How did you get so good at blogging?
CSS Trig functions14:02 Scroll Driven Animations
Bram.us: Scroll linked animations with scrolltimeline and viewtimeline/Chrome Dev blog: Scroll driven animations/
MDN Animation timeline
Scroll-driven-animations.style
25:53 What’s going on with Houdini?
IsHoudiniReadyYet.comCSS Props and Vals
27:09 Why do you need to set a custom property type in CSS?
29:08 How do you debug values in CSS?
30:12 What is Scope Styling?
34:50 But when can I use it?
36:18 What’s the status of the view transition API?
View Transitions40:53 What are you looking forward to in CSS?
42:19 Would CSS ever get a strict mode?
47:05 Supper Club Questions
ZSH - THE Z SHELLzsh-users/antigen: The plugin manager for zsh.
web.dev
Blog - Chrome Developers
Welcome to Feedly
52:40 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Meetups
Shameless Plugs Scroll-driven-animations.styleTweet 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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Potluck × JR Devs & Copilot × CSS Variable Limitations × SvelteKit
24 mei 2023 · 58 min
In this potluck episode of Syntax, Wes and Scott answer your questions about not becoming dependent on Copilot, CSS variable limitations, finding Sick Picks, lodash hate, and more!
Show Notes 00:11 Welcome
00:55 Ice, ice baby
02:01 Reactathon
Reactathon returns May 2-3, 2023 Lees meerThe edge cloud platform behind the best of the web | Fastly
04:49 Submit your question for our next potluck
05:24 How do you suggest adding form / database to Svelte?
Svelte • Cybernetically enhanced web appsAstro
08:18 What can’t go into a CSS custom prop?
12:42 Are there any really good certifications for Javascript or general full stack development?
16:21 What is the most exciting thing about teaching programming for both of you?
19:37 What is the most challenging thing you have ever overcome in this field?
21:55 How can junior to mid-level devs make the most out of GitHub Copilot while avoiding getting dependent on it and hurting their abilities in the long run?
26:23 Any tips on driving a culture of code quality in a team?
30:28 How soon should Sentry be brought into a new project being built from scratch?
33:11 Is there a place where I can search through all the Sick Picks?
Syntax Sick Picks34:40 Why is box-sizing: border-box; not the default?
37:51 Is using lodash in a NextJS web application a terrible idea nowadays?
40:42 What is the best practice for storing JWT token?
43:53 Any tips on converting ajax requests to use Fetch API?
patch-package - npm45:11 Any suggestions for tips for updating a very dated React Native codebase?
50:56 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Tales of Taboo podcast Spotify / Apple PodcastsWes: Rubber Flooring
Shameless Plugs Scott: SentryWes: 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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Why Is node_modules So Big?
22 mei 2023 · 25 min
In this Hasty Treat, Scott and Wes talk about the reasons your node_modules folder gets so large, and what you can do to help keep the file size down.
Show Notes 00:24 Welcome
00:51 The punching bag of Javascript
DaisyDisk Lees meer02:03 Spoiler alert - it’s text
04:49 What actually increases the size?
07:29 Types
09:27 Polyfills
11:09 Raycast Snippets and BetterTouchTool
12:44 Babel
15:08 Markdown
15:52 Translations
18:23 What is the solution?
RaycastBundlephobia | Size of npm dependencies
Better Touch Tool
Fast, disk space efficient package manager | pnpm
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Supper Club × Adam Argyle on What's New in CSS
19 mei 2023 · 56 min
In this supper club episode of Syntax, Wes and Scott talk with Adam Argyle about a ton of new CSS features that have arrived or are coming soon, as well as his new site Gradient.style.
Show Notes 00:34 Welcome
01:05 Guest introduction
Adam on Bluesky Lees meerAdam on Twitter
01:48 CSS buckets
New CSS Relative Units · January 6, 202303:16 rex rch ric rlh
08:06 Gradient.style
CSS HD GradientsOpen Props: sub-atomic styles
13:49 What are style queries vs container queries vs state queries?
una.im | Style QueriesGetting Started with Style Queries - Chrome Developers
CSS Container Style Queries | Can I use… Support tables for HTML5, CSS3, etc
18:09 Trig functions
Trigonometric functions in CSSCSS Trigonometric Functions: cos() and sin(): dots on a circle
19:57 Live transitions
Understand Disney’s 12 principles of animation | Creative Bloq25:08 View transitions
View Transitions DemoView Transitions API - Web APIs | MDN
26:01 Text-wrap balance
CSS text-wrap: balance - Chrome Developers26:45 Text-wrap pretty
27:44 What’s the future of the browser landscape?
31:44 nth-child(An+B [of S])
33:06 Cascade layers
34:40 CSS Nesting
38:03 Animate discrete properties
39:42 Linear function
Linear easing generator41:33 Media query range syntax
42:04 Subgrid everywhere
44:41 Media query range and variables?
UI Elements - Basics, Best Practice, and Built Ins — Syntax Podcast 61245:32 env variables
Hasty Treat - CSS Nesting 1 — Syntax Podcast 34346:59 Animation composition
49:50 Select menu HTML element
52:16 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Shameless Plugs Onewheel // Future MotionAdam Argyle
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
Where Should You Host Your App? Hosting Providers Compared
17 mei 2023 · 1 uur 11 min
In this episode of Syntax, Wes and Scott talk about your options for hosting your app including some of the big players, but also others you may not have heard of.
Show Notes 00:11 Welcome
01:06 Explaining basic concepts in hosting providers
07:55 How is hosting priced?
10:09 The big names in hosting
Amazon Web Services Lees meerGoogle Cloud
Microsoft Azure
DigitalOcean | The Cloud for Builders
Sales Cloud
Flightcontrol — AWS Without Pain
Supper Club × Next.js on AWS + Serverless with Dax Raad — Syntax Podcast 589
16:29 Render
Render23:50 Vercel
Vercel: Develop. Preview. Ship. For the best frontend teams28:04 Heroku
Cloud Application Platform | Heroku31:58 Digital Ocean
36:10 Linode
Create your account - Linode38:34 Netlify
Develop and deploy websites and apps in record time | NetlifyThe Deno Show — Syntax Podcast 322
Decap CMS | Open-Source Content Management System
46:30 Fly
Deploy app servers close to your users · FlyRailway
54:19 Cloudflare
Cloudflare - The Web Performance & Security Company | Cloudflare00:43 Deno deploy
Deno Deploy | Deno03:04 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Automators - Relay FMWes: Dropbox.com
Shameless Plugs Scott: Sentry
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
Wes Bos on BlueskyScott on Bluesky
Syntax on Bluesky
-
WTF Are Signals And Why Is Everyone So Hot On Them All Of The Sudden?
15 mei 2023 · 19 min
In this Hasty Treat, Scott and Wes talk about Signals - what are signals and why is everyone talking about them suddenly?
Show Notes 00:25 Welcome
01:40 Chipping away at projects
03:20 WTF are signals?
Signals Lees meerFramework reimagined for the edge! - Qwik
SolidJS · Reactive Javascript Library
Zone
Vanilla
09:03 What are the boundaries on signals?
10:49 Why are signals so popular now?
15:57 When wouldn’t you use signals?
Tweet us your tasty treats Scott’s InstagramLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
-
Supper Club × Dylan Jhaveri - Video for the Web and MUX
12 mei 2023 · 57 min
In this supper club episode of Syntax, Wes and Scott talk with Dylan Jhaveri about his work at Mux, how Mux ingests and spits out video, and where Mux fits in a tech stack for developers working with video and audio.
Show Notes 00:36 Welcome
01:27 Who is Dylan Jhaveri?
Dylan (@dylanjha) Lees meerThe Internet’s video infrastructure | Mux
Mux Player
03:04 Why did you build Mux Player?
FFmpegFFmpeg WASM
06:19 How did you chose to go with web components?
CanIUse Mediasource09:36 What is Mux?
15:20 Can you stitch or clip video via the API with Mux?
18:07 Do you think hls will be supported in Chromium or Firefox?
21:56 How does Mux process videos into 5 versions?
26:35 Is Web assembly in use for video?
27:55 Has Mux researched AI for video?
31:13 Building a podcast transcription video
36:49 Do you have to use MP4? What about webM?
39:36 Media Chrome video player
Elements for building media players44:58 What’s Mux Data?
Mux Data49:33 Slick Mux website
Mux.com52:13 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× CruiseTweet 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
-
UI Elements - Basics, Best Practice, and Built Ins
10 mei 2023 · 56 min
In this episode of Syntax, Wes and Scott talk about UI elements and best practices with UI elements, as well as UI elements that exist in browsers.
Show Notes 00:10 Welcome
01:10 Making demos for fun
02:47 Why we’re talking UI elements
03:48 Bad UI elements in the browser
Syntax 602: Modals, Popups, Popovers, Lightboxes Lees meerProgress
10:47 Decent UI elements in browser
19:49 Enter Open UI
Open UI34:39 Accordion hunks
38:15 Pop overs
42:15 Focus group
46:10 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: FishskynWes: Flavacol & Butter Flavoured Coconut Oil
Shameless Plugs Scott: Sentry replays
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
-
Bluesky + AT Protocol
8 mei 2023 · 38 min
In this episode of Syntax, Wes and Scott talk all things Bluesky, the AT Protocol it’s built in, the terminology of Bluesky, and how the API currently works.
Show Notes 00:07 Welcome
00:53 Welcome to the Bluesky
Wes Bos on Bluesky Lees meerScott on Bluesky
Syntax on Bluesky
03:14 What could the new Twitter be?
07:56 What is Bluesky?
NostrBluesky
Twitter Blue
Bluesky Staging
Bluesky FAQ
10:25 Why is social media important?
14:01 What is AT Protocol?
22:06 Lexicon for Bluesky
28:10 Small group of devs building Bluesky
Cravings by Chrissy Teigen | Fun Recipes & Cookware29:54 Blocking issues
31:53 Bluesky API
Samy on Darknet Diaries ep61Shameless Plugs Scott: Sentry)
Wes: Wes Bos TutorialsTweet 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 × Zach Lloyd from Warp
5 mei 2023 · 1 uur
In this supper club episode of Syntax, Wes and Scott talk with Zach Lloyd about how Google Sheets works, why Zach wanted to build Warp, why did they use Rust to write Warp in, is Warp going to come to Windows, and more!
Show Notes 00:20 Welcome Lees meer01:12 Who is Zach Lloyd?
Zack on Twitter
Zack on LinkedIn
Warp Terminal × Next Gen Terminals — Syntax Podcast 579
Warp: The terminal for the 21st century
03:41 How does Google Sheets work?
GWT
13:38 What is Warp and why did you build it?
Introducing Warp
16:50 Why did you build Warp in Rust?
Rust Programming Language
Harfbuzz
Adventures in Text Rendering: Kerning and Glyph Atlases
23:20 How would you move Warp to Windows?
26:02 How would you run Warp on the web?
31:24 How are the blocks done inside Warp?
36:23 Would Warp ever add a shell?
40:04 Is better completion support coming to Warp?
44:42 Warp AI features
52:08 Supper Club questions
56:52 SIIIIICK ××× PIIIICKS ×××
Oh My Zsh - a delightful & open source framework for Zsh
××× SIIIIICK ××× PIIIICKS ××× Tonal | The World’s Smartest Home Gym Machine For Strength & Fitness
Shameless Plugs Join Us | Warp
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
-
The Syntax Giveaway Site - Codes, Bots, Tech Stack and More!
3 mei 2023 · 52 min
In this episode of Syntax, Wes and Scott talk about the tech stack they used to create the Syntax giveaway site for the Sentry + Syntax announcement week. What were the features of the site, how’d they generate proper codes, and how’d they stop developers from hacking the system?
Show Notes 00:07 How to do a giveaway and distribute it?
04:26 Building in the spirit of Syntax
05:44 The tech stack
SvelteKit • Web development, streamlined Lees meerPrisma | Next-generation ORM for Node.js & TypeScript
Syntax × Sentry MMXXIII | Product Blog • Sentry
PlanetScale: The world’s most advanced database platform
My Places - Google My Maps
sveltekit-basic-auth/hooks.server.ts at main · ghostdevv/sveltekit-basic-auth
Voucherify: Free Random Codes Generator
09:48 Hosted on Vercel
Vercel13:04 What are the features of the site?
19:10 Generating the codes properly
26:48 Releasing locked coupon codes
29:13 Client to server side connections
32:56 Stopping developers from gaming the giveaway
46:29 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: The Super Mario Bros. Movie (2023) - IMDbWes: The Strong National Museum of Play
Shameless Plugs Scott: Application Performance Monitoring & Error Tracking Software | Sentry
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
-
RPC in JavaScript!
1 mei 2023 · 19 min
In this Hasty Treat, Scott and Wes talk about RPC, what it means, why are we talking about it now, tRPC, and will RPC take off?
Show Notes 00:22 Welcome
01:51 What does RPC mean?
04:52 Why are we talking RPC now?
10:27 Hype around RPC
Supper Club × Solid.js with Ryan Carniato — Syntax Podcast 577 Lees meer11:05 Isn’t this just a REST endpoint?
13:23 Considerations around RPC
16:11 What about tRPC?
Supper Club × tRPC With Alex KATT Johansson — Syntax Podcast 52618:08 Will RPC take off?
Tweet us your tasty treats Scott’s InstagramLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
-
Supper Club × Privacy, Cookie Banners, GDPR with Donata and Hans Skillrud
28 april 2023 · 1 uur 5 min
In this supper club episode of Syntax, Wes and Scott talk with Donata and Hans Skillrud of Termageddon on GDPR, privacy policies, cookie pop ups, and the various legal and ethical reasons to implement them properly.
Show Notes 00:36 Welcome
01:47 Who are Donata and Hans?
Donata Stroink-Skillrud Esq., CIPP on Twitter Lees meerHans Skillrud on Twitter
Termageddon
Termageddon on Instagram
Termageddon on LinkedIn
03:39 What are privacy policies and a terms of service?
4 Things to Look for in a Privacy Policy Generator - TermageddonWhy accessibility is important when it comes to cookie consent - Termageddon
09:15 Does scrolling to the bottom and pretending to read terms work?
10:49 Do people ever read the terms of service?
15:57 Do companies ever actually get in trouble for violating privacy?
20:06 What is GDPR and the impact on small business owners?
32:30 Cookie war and pop ups
35:40 Essential cookies
42:42 Alternatives to Google Analytics
The Google Analytics alternative without compromise - Fathom AnalyticsSelf-hosted website analytics | Ackee
43:39 Denying cookies, but still able to create accounts?
48:57 Is there legal concerns with AI?
Can ChatGPT (AI) write your Privacy Policy? - Termageddon56:25 What is Termageddon?
58:59 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× EPIX From TV SeriesTweet 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 × Crypto × SEO × Status Pages × Learning Tools
26 april 2023 · 1 uur 18 min
In this potluck episode of Syntax, Wes and Scott answer your questions about type guards vs type casting, crypto usage, feedback for Syntax, custom status pages, SEO and metadata, uploading images, home automation, and more!
Show Notes 00:12 Welcome
01:23 Scott’s new gear
MT-48 Lees meerVolt USB Audio Interfaces
07:36 Are type guards safer and superior to type casting?
13:51 I know you guys (lightly) rag on Crypto, but do you see any use-case there for proof-of-personhood?
23:34 Where do I give feedback outside of Twitter?
User Feedback | Sentry Documentation27:19 Do you have custom status pages created for your platforms?
UptimeRobot: Free Website Monitoring ServicePrivacy Badger
Status.io - Hosted Status Pages
Statuspage | Atlassian
DigitalOcean Status
35:12 Is metadata only good for SEO? Does SEO matter on pages you can only view if you’re logged in?
39:00 How do you upload images from authenticated users?
46:30 What do you think of Zed?
Zed - Code at the speed of thought53:21 I’ve got ADHD - any tips for focusing and staying on track?
56:54 How do I convince my partner to accept more home automation?
02:15 What kind of tools and processes do you use and find effective when learning?
ObsidianMind Map & Brainstorm Ideas - MindNode
06:42 Would it make any sense to use the Fetch API with a long running stream?
08:31 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Project FarmWes: Splatypus
Shameless Plugs Scott: Sentry
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
-
CSS Color Functions
24 april 2023 · 16 min
In this Hasty Treat, Scott and Wes talk about CSS Color Functions, the benefits of dynamic css color, relative color syntax, color contrast, and color mix.
Show Notes 00:26 Welcome
00:49 Why we’re talking CSS Color Functions
01:57 Benefits of dynamic CSS color
03:14 Relative color syntax
06:51 Color contrast
09:26 Color mix
Tweet us your tasty treats Scott’s Instagram Lees meerLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
-
Supper Club × ESLint with Nicholas Zakas
21 april 2023 · 1 uur 8 min
In this supper club episode of Syntax, Wes and Scott talk with Nicholas Zakas about his creation of ESLint, what’s coming up in ESLint, and his work as a coach and mentor for programmers.
Show Notes 00:34 Welcome
01:20 Guest introduction
Human Who Codes Lees meerNicholas C. Zakas (@nzakas@fosstodon.org)
Twitter @slicknet
nzakas on GitHub
@humanwhocodes) on Instagram
Human Who Codes on YouTube
04:24 Why did you want to build ESLint?
09:08 How does ESLint work?
13:25 How do you work on a project for a decade?
17:12 At what point do you pay attention to JavaScript proposed changes?
20:37 Config systems in JavaScript
31:18 ESLint in Rust?
41:07 Are we going to see ESLint for more languages?
47:06 What kind of coaching do you do for programmers?
02:46 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Apollo NeuroShameless Plugs Understanding JavaScript Promises
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
-
Can Vanilla CSS Replace Sass Yet?
19 april 2023 · 1 uur 6 min
In this episode of Syntax, Wes and Scott go through all the features of Sass and decide where we are at with Native CSS alternatives, giving each feature a rating of replaceable, plausible, or missing.
Show Notes 00:11 Welcome
01:17 Easter updates
04:17 Getting into Sass
06:03 What is PostCSS?
09:52 CSS Variables
13:49 CSS Nesting
CSS Nesting - Chrome Developers Lees meerpostcss-plugins/plugins/postcss-nesting at main · csstools/postcss-plugins
23:13 Colors
CSS5 Color Functions — Syntax Podcast 47929:08 CSS Looping
34:20 Mixins or extends
39:34 CSS Partials
Features - PostCSS Preset Env - CSSTools44:29 CSS Math
49:40 Functions
Is Houdini Ready Yet?52:04 Firefox and Safari support
55:08 Back to Functions
56:21 BEM Syntax
58:51 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Scott: Solar LanternWes: Cotton Candy Machine
Shameless Plugs Scott: Sentry
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
-
Modals, Popups, Popovers, Lightboxes
17 april 2023 · 29 min
In this Hasty Treat, Scott and Wes talk through the differences between modals, popups, popovers, lightboxes, and dialog boxes.
Show Notes 00:31 Welcome
02:25 What’s popping up?
02:59 What’s a modal?
08:33 Pop overs and lightboxes
10:41 Explicit dismiss and light dismiss
11:30 Inert property
inert Lees meer16:30 Backdrop pseudo element
Dialog with animation19:26 Dialog
28:12:11 Making accessibility easier
const showButton = document.getElementById('showDialog'); const favDialog = document.getElementById('favDialog'); const outputBox = document.querySelector('output'); const selectEl = favDialog.querySelector('select'); const confirmBtn = favDialog.querySelector('#confirmBtn'); // "Show the dialog" button opens the modally showButton.addEventListener('click', () => { favDialog.showModal(); }); // "Favorite animal" input sets the value of the submit button selectEl.addEventListener('change', (e) => { confirmBtn.value = selectEl.value; }); // "Confirm" button of form triggers "close" on dialog because of [method="dialog"] favDialog.addEventListener('close', () => { outputBox.value = `ReturnValue: ${favDialog.returnValue}.`; }); Tweet us your tasty treats Scott’s InstagramLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
-
Supper Club × Nate Weinert and Tamagui
14 april 2023 · 52 min
In this supper club episode of Syntax, Wes and Scott talk with Nate Weinert, creator of Tamagui, about what Tamagui is, how styling works in React native, building and designing the Tamagui website, and more.
Show Notes 00:29 Welcome
01:22 Who is Nate Weinert?
Nate (@natebirdman) Lees meernatew on GitHub
Tamagui — React Native + Web UI kit
tamagui: The worlds fastest React UI kit also happens to work on Native + Web seamlessly 🙏
02:34 What is Tamagui?
04:02 How does styling work in React native?
05:35 What is React native web?
08:27 What does Tamagui do besides styling?
14:38 How did you build and design the Tamagui website?
Stitches — CSS-in-JS with near-zero runtimeNext.js by Vercel - The React Framework
16:50 What are the docs made with?
20:25 What are Atomic Styles?
26:16 How is layout handled in react native?
29:26 Where are things going in the React world?
App.js Conference 2023react-native-reanimated - npm
37:45 Supper Club questions
iTerm2 - macOS Terminal Replacement47:15 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× ABEO Footwear - Shop Biomechanical Sandals, Shoes and OrthoticsShameless Plugs foobully - Twitch
Tamagui — React Native + Web UI kit
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
-
600th Episode! Major Announcement + SWAG Giveaway!
12 april 2023 · 57 min
In the 600th episode of Syntax, Wes and Scott talk about the big announcement about Syntax’s future, exciting new opportunities coming for the show, and more!
Show Notes 00:11 Scott’s big announcement
00:58 Our big announcement
01:39 Guest introduction
David Cramer (@zeeg) Lees meerApplication Performance Monitoring & Error Tracking Software | Sentry
Sentry (@getsentry)
02:28 Background on how we got here
05:53 What does this mean for the podcast?
08:58 Why did Sentry want to partner with Syntax?
15:39 What does this mean for more + better Syntax?
18:56 We want to hear from you
23:17 Clarifications
23:42 What’s David Cramer’s background?
31:44 Helping spread the Syntax vibe
World Famous HOTBOYS35:40 Silly questions
37:52 What’s the ROI on Wes’ TikToks?
38:37 Is Syntax going to become purple?
40:46 The new Syntax website
47:16 Giveaway coming!
51:32 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× David Cramer: Vitest | A blazing fast unit test framework powered by ViteScott: Valley Heat Podcast - A Podcast About The Neighborhood
Wes: CCS - The Premier Online Skate Shop for Skateboards & Skate Gear
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
-
oAuth APIs Explained
10 april 2023 · 22 min
In this Hasty Treat, Scott and Wes talk all things oAuth - what is oAuth? What terms do you need to understand when working with oAuth? And tips for working with oAuth.
Show Notes 00:26 Welcome
Office Space Lees meerHTTPS + Tunnel Your Localhost - Cloudflare Tunnels, Ngrok, and more! — Syntax Podcast 590
01:56 What is oAuth?
05:30 Terminology in oAuth
07:52 Once you have a client ID
09:41 The callback URL
12:11 The refresh token
14:09 How a token could be stolen
17:43 State token
Tweet us your tasty treats Scott’s InstagramLevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets