Syntax - Tasty Web Development Treats

Alle afleveringen

1.049 afleveringen, van nieuw naar oud

  1. 949: Web Dev HORROR Stories + Spooky Trivia! (Spooky Stories Pt. 1)

    27 oktober 2025 · 41 min

    Afspelen
    It’s that time of year again, Scott (as Dracula) and Wes (as a big bad shark) return for their annual Spooky Stories special! They’re joined by a mysterious guest for a round of creepy coding trivia and chilling true tales of web dev gone wrong; dropped databases, haunted passwords, and more. Beware: these are real developer horror stories. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    00:05 Scott’s vampire costume.

    00:38 New to live-streaming.

    00:54 AWS Outage.

    01:50 What is Spooky Stories?

    02:01 (Wes is wearing a shark costume)

    02:34 Brought to you by Sentry.io.

    03:30 PHP MyHeadache.

    06:23 A Browser Hack.

    08:30 Browser Hack Gameshow & Special Guest!

    17:01 Ghost Password.

    21:32 Just A Patch.

    24:12 Don’t drink and Deploy.

    34:47 Discount.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  2. 948: Zed is Ready For Primetime

    22 oktober 2025 · 53 min

    Afspelen
    Wes and Scott talk about what makes Zed—the hot new editor built in Rust—fast, beautiful, and finally ready for primetime. From Git UI to extensions and AI tools, they break down what Zed gets right, what it still lacks, and whether it’s time to finally ditch VS Code. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    Syntax San Francisco Meetup

    We need your Spooky Stories

    02:37 Brought to you by Sentry.io

    04:07 What is Zed?

    06:46 Zed UI: fast and clean

    10:17 General editor experience

    11:44 Extensions marketplace

    17:53 Git UI

    22:03 Problems UI

    26:01 Real-time collaboration

    Remote Development

    27:39 Command prompt tricks and built-in tools

    31:03 Zed’s AI features

    AI Coding Sucks

    37:08 What kept Scott away—and why he’s back

    40:33 What’s still missing

    Text Manipulation Kung Fu for the Aspiring Black Belt

    46:43 Sick Picks & Shameless Plugs

    Sick Picks

    Scott: Zojirushi 5.0 Liter Water Boiler

    Wes: Syntax Keycaps

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  3. 947: S-Tier MCP Servers for Developers

    20 oktober 2025 · 33 min

    Afspelen
    Scott and Wes break down the top-tier MCP servers developers are using right now. From browser automation to debugging superpowers, they explore how these servers are changing what’s possible in modern dev workflows. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:52 Brought to you by Sentry.io.

    02:46 Submit your Spooky Stories!

    03:37 Syntax San Francisco Meetup.

    04:11 S-Tier MCP Servers.

    04:17 Sentry MCP Server (not sponsored).

    05:01 Pause, what the heck is an MCP server.

    05:45 Back to the Sentry MCP.

    07:07 Spotlight JS.

    09:08 ElevenLabs MCP hack.

    11:19 Docs Tools.

    11:29 Context7.

    15:55 GitHub MCP Registry.

    16:10 Nuxt MCP Server.

    16:25 Svelte MCP Server.

    20:35 Cloudflare MCP Servers.

    22:34 Chrome Dev Tools (Playwright) MCP Server.

    25:17 Stripe MCP Server.

    27:55 Mastra.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  4. 946: We Got Roasted for Our Websites — Fair

    15 oktober 2025 · 58 min

    Afspelen
    In this potluck episode of Syntax, Wes and Scott answer your questions about why devs neglect their own websites, hosting shady projects (hypothetically), AI rules in version control, balancing side projects and family life, and more! Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:43 Why devs neglect their own websites (and how to convince your parents coding is a real job)

    07:04 AirPods, Nothing Ear, and the ANC struggle

    10:22 Shipping Syntax merch from Canada

    12:43 Scott’s update on Omarchy and Linux laptop life

    18:05 What to do when a user account gets hacked (and how to prevent it)

    21:33 Should you commit LLM context files and AI-generated docs to Git?

    25:27 How to balance career, side projects, and family life

    29:25 Building and hosting a “legally dubious” website

    33:27 Best practices for dealing with images

    42:46 Where to find Wes’ awesome wallpapers

    44:19 Can you trust services with a generous free tier?

    ServerlessHorrors

    50:32 Do we still use GIFs?

    52:23 Sick Picks + Shameless Plugs

    55:59 Brought to you by Sentry.io

    Sick Picks

    Scott: Mkv-Quicklook

    Wes: Momofuku Sweet & Savory Korean BBQ Sauce

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  5. 945: Chrome Dev Tools MCP Server

    13 oktober 2025 · 29 min

    Afspelen
    Scott and Wes dive into Chrome’s new MCP server; a dev tools API powered by Puppeteer that gives your scripts, editors, and AI agents full access to Chrome. They break down how it works, what it can (and can’t) do, and how it might change debugging and automation for developers Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:15 Syntax San Francisco Meetup.

    01:55 We need your Spooky Stories!

    02:42 What is an MCP Server?

    04:28 MCP servers are not only for code editors.

    06:43 Brought to you by Sentry.io.

    07:49 Dev Tools MCP is similar to Puppeteer.

    09:20 Setting up an MCP Server.

    11:36 Example of MCP with Dominos Pizza.

    13:23 Accessing Dev tools from your editor.

    14:23 In VS Code, you can “Open Link”.

    15:22 Using the MCP server.

    16:26 Chrome has Debug insights inside of chrome’s dev tools.

    18:38 Real world things the Chrome MCP server can do.

    18:43 Analyzing performance.

    19:55 Taking screenshots.

    21:17 Performance fix feedback loop.

    22:33 Remote connecting browsers.

    24:54 Browser-use.

    25:18 What are the limitations?

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  6. 944: Is Coinbase Really Writing Half Their Code With AI?

    8 oktober 2025 · 49 min

    Afspelen
    Wes and Scott talk with Kyle Cesmat about how Coinbase is writing nearly half its code with AI—while keeping quality and security front and center. They dig into tools like Cursor and Claude Code, agent-driven workflows, code review challenges, and how AI is reshaping developer productivity without replacing developers. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    03:29 Defining and measuring “quality” at a large company

    05:05 How AI-generated code is reviewed and shipped at Coinbase

    07:35 A developer’s workflow using AI—from ticket to production

    10:30 Standard vs. team-specific tools for AI development

    12:55 Using MCP servers to power internal AI workflows

    14:42 MCP vs. custom agent integrations

    17:16 What kinds of code AI is writing at Coinbase

    19:48 Which languages and tasks does AI handle best?

    21:21 Getting AI to follow existing code conventions

    greptile

    24:36 Brought to you by Sentry.io

    25:01 How AI affects hiring, velocity, and developer focus

    28:16 AI’s role in speeding up code reviews

    31:28 The most valuable AI tool in Coinbase’s stack

    33:48 Managing AI costs and model choices

    35:10 Security considerations for using external AI models

    37:04 How often Coinbase tunes and adjusts its AI systems

    39:26 Using AI to write code vs. embedding AI in customer-facing features

    42:29 Kyle’s big-picture take on AI as a tool—not a magic bullet

    Measuring the Impact of Early-2025 AI on Experienced Open-Source Developer Productivity

    44:33 The future of hiring engineers with their own “backpack” of agents

    45:53 Sick Picks + Shameless Plugs

    Sick Picks

    Kyle: UltraShelf

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  7. 943: Modern React with Ricky Hanlon (React Core Dev)

    6 oktober 2025 · 39 min

    Afspelen
    Scott and Wes sit down with Ricky Hanlon from the React core team at Facebook to dive into the latest features and APIs shaping modern React development. From transitions and Suspense to fetching strategies and future directions, this episode breaks down what’s next for React and how developers can take advantage of it. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:20 Who is Ricky Hanlon.

    02:10 Setting the Stage: Modern React APIs

    02:48 Brought to you by Sentry.io.

    03:12 Defining Transitions in React

    05:08 Practical Examples of Scheduling.

    08:23 useDeferredValue.

    09:30 Suspense.

    11:13 Fallbacks and animations.

    12:35 How do you get psychological performance data?

    13:39 Are these considerations reasonable for the average dev?

    15:37 useOptimistic.

    17:35 Removing delayMs (referred to as maxDuration in later iterations).

    19:49 How to fetch data in React.

    21:58 Is React now just Nextjs?

    23:23 Will React give us a Signals-based state management?

    24:44 The challenges of building in public.

    30:12 Making LLMs cooperate with React.

    32:05 The lifting will happen at framework level.

    32:59 This is not time slicing.

    35:47 Sick Pick + Shameless Plug.

    Sick Picks

    Ricky: iPhone 17 Pro

    Shameless Plugs

    Ricky: https://conf.react.dev/

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  8. 942: Mental Health Q&A w/ Dr. Courtney Tolinski

    1 oktober 2025 · 58 min

    Afspelen
    Wes and Scott talk with Dr. Courtney Tolinski about supporting neurodivergent teammates, navigating workplace dynamics, and recognizing strengths beyond labels. They explore ADHD diagnosis and treatment, productivity mindsets, burnout, AI in mental health, and practical routines for focus and balance. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    00:09 Meet Dr. Courtney Tolinski

    01:46 Supporting neurodivergent team members

    12:26 Should I disclose my ADHD diagnosis at work?

    17:21 Characteristics of autism and ADHD

    22:37 Seeking diagnosis as an adult developer

    28:04 Brought to you by Sentry.io

    32:18 Uncoupling identity from productivity

    38:06 Is overtime ever “worth it”?

    42:34 AI as a mental health tool: hope or hype?

    46:32 Will therapists be replaced by AI?

    49:29 Burnout warning signs in high-performers

    55:15 Sick picks + shameless plugs

    Sick Picks

    Courtney: Bentgo Glass Containers

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  9. 941: Is Responsible AI Possible? with Dr. Sarah Bird of Microsoft

    29 september 2025 · 23 min

    Afspelen
    Scott heads to Microsoft’s campus for the VS Code Insider Summit to sit down with Dr. Sarah Bird and explore what “Responsible AI” really means for developers. From protecting user privacy to keeping humans in the loop, they dig into how everyday coders can play a role in shaping AI’s future. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:27 Brought to you by Sentry.io.

    03:13 The path the machine learning.

    04:44 How do you get to ‘Responsible AI’?

    06:43 Is there such a thing as ‘Responsible AI’?

    07:34 Does the average developer have a part to play?

    09:12 How can AI tools protect inexperienced users?

    11:55 Let’s talk about user and company privacy.

    13:57 Are local tools and services becoming more viable?

    15:06 Are people right to be skeptical?

    16:58 The software developer role is fundamentally changing.

    17:43 Human in the loop.

    19:37 The career path to Responsible AI.

    21:21 Sick Picks.

    Sick Picks

    Sarah: Japanese pottery

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  10. 940: Picking a Fullstack Stack, Is Next.js Too Complex? Services vs Self-Hosted + More

    24 september 2025 · 1 uur 6 min

    Afspelen
    In this potluck episode, Wes and Scott answer your questions about modern full-stack stacks, Node.js backend options, managing database indexes, developer burnout, handling toxic bosses, and more! Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    02:36 What’s your go-to Node.js backend in 2025?

    Polka

    06:18 Do you proactively manage database indexes—or fix them only when they become a problem?

    09:40 Brought to you by Sentry.io

    12:14 After planning a new project, what’s your real-world dev workflow?

    931: Project Init - How to Make Good Choices When Starting a New Coding Project

    18:19 What to do when you’re feeling burned out as a developer

    23:34 Picking the right tech stack for your partner’s website

    28:18 How do you deal with a toxic boss?

    33:10 The ideal tech stack for launching a SaaS MVP

    39:46 Is GraphQL still worth it vs REST or RPC?

    44:26 Is Vercel steering modern web dev in the wrong direction?

    51:20 What’s up with TanStack Forms?

    TanStack Form Latest

    59:35 Sick Picks + Shameless Plugs

    Sick Picks

    Scott: Flesh and Code

    Wes: WAGO connectors

    Shameless Plugs

    Syntax YouTube Channel

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  11. 939: Creator of Vite: Evan You

    22 september 2025 · 54 min

    Afspelen
    Scott and Wes sit down with Evan You, creator of Vue, Vite, and VoidZero, to dig into the future of frontend tooling. From the speed of Rolldown to why he chose Rust, they explore the evolution of developer experience, bundlers, and what’s next for the web. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    00:31 Who is Evan You?

    Vue.js.

    Vite.

    Void0

    01:19 Making the shift from UI to Toolchains.

    02:37 How aesthetics contributed to the success of Vue and Vite.

    05:26 Adding Rollup plugins to the Dev Server.

    07:31 Brought to you by Sentry.io.

    07:56 Rollup and Rolldown explained.

    09:29 NAPIRS.

    10:02 Why Rust and not Go?

    SWC, OXC.

    12:04 Rolldown’s speed and performance.

    OXC Allocator.

    15:09 Dealing with massive buildtimes.

    17:42 How has the transition been?

    20:34 Why do we even need a bundler?

    23:25 Vite’s superior developer experience.

    26:01 Fullstack Vue?

    31:45 Node and Vite’s relationship.

    35:41 Wes’ wishlist.

    vite-dir.

    37:28 Hot takes.

    37:37 Would Next be better with Vite?

    41:09 Thoughts on React Server Components.

    43:40 Thought on Remix 3.

    46:22 Tell us about Void0.

    51:36 Sick Picks + Shameless Plugs.

    Sick Picks

    Evan: Laravel Lamborghini Shaped Stress Toys

    Shameless Plugs

    Evan: Viteconf, Vite, CultRepo.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  12. 938: Hot Takes + Bike Shedding

    17 september 2025 · 28 min

    Afspelen
    Wes and Scott dive into some hot takes and classic debates—tabs vs spaces, camel vs snake case, export styles, barrel files, variable naming, and more. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:26 CSS variables: descriptive vs. semantic

    03:38 snake_case vs. camelCase

    04:54 Default exports vs. named exports

    06:23 Barrel files vs. direct imports

    09:15 Function declaration vs. function expression

    11:00 Inferred types vs. explicit types

    13:40 Brought to you by Sentry.io

    14:40 Long and explicit variable names vs. short with comments

    16:27 Self-documenting code vs. code comments

    17:03 Rebase vs. merge commit

    18:39 Naming event parameters: e vs. event

    20:33 Tabs vs. spaces

    22:18 Big line height vs. small line height

    23:50 Hard line length vs. line wrap

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  13. 937: Is The Omarchy Hype Real?

    15 september 2025 · 48 min

    Afspelen
    Scott takes Wes on a tour of Omarchy, DHH’s polished Arch + Hyprland Linux setup that promises speed, beauty, and endless keyboard shortcuts. From first impressions to daily workflows, Scott debates whether it’s good enough to pull him out of the Apple ecosystem for good. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    02:31 Brought to you by Sentry.io.

    02:55 What is Omarchy?

    02:57 Arch-based distribution.

    03:42 Hyprland window management.

    05:08 Wayland Display Server Protocol.

    06:27 Installation Defaults.

    06:53 System-wide shortcuts.

    09:01 My first impressions.

    09:41 Connecting to my NAS.

    10:54 Gigantic UI.

    12:21 Day 2 Experiences.

    13:22 Resizing window challenges.

    16:11 Neovim and Lazyvim.

    16:49 Lazygit.

    19:07 How do you use it and why is it good.

    19:14 Command Palette.

    19:49 Raycast.

    Recreating Raycast.

    20:50 Using the app launcher.

    21:25 Screensavers.

    21:59 OS Style.

    22:55 My apps, my apps, my apps, check it out.

    25:07 Is the hardware comparable to Mac’s M processors?

    27:24 Installing new apps.

    29:26 Web apps as first class citizens.

    32:47 What I’ll miss.

    35:56 What’s going on with MacOS UI?

    38:37 Annoyances.

    39:31 My advice.

    Read the Manual.

    44:39 Sick Picks & Shameless Plugs.

    Sick Picks

    Scott: Omarchy Manual.

    Wes: Ugreen 200w Charger, Silicone USB C.

    Shameless Plugs

    Scott: Syntax on YouTube.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  14. 936: Realtime LED Wall With React + Websockets (I Let Strangers Control It)

    10 september 2025 · 47 min

    Afspelen
    Scott, Wes, and CJ dive into Wes’s Hackweek project: a real-time, web-controlled LED grid. They break down the hardware build, custom 3D-printed diffuser, ESP32 microcontroller, and Cloudflare durable objects powering live pixel art, GitHub activity displays, and interactive web drawings. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    02:03 Wes’ Hackweek project: a web-controlled LED grid

    03:52 The hardware: LED panels, soldering, and power

    WS2812 LED panels

    06:38 ESP32 microcontroller and WLED firmware explained

    ESP32 Microcontroller

    10:57 Power supply challenges and injection fixes

    15:05 Debugging and testing a DIY LED matrix

    15:56 Shorts, blown circuits, and melted wires

    17:58 Designing and 3D-printing the diffuser for crisp pixels

    21:29 The software: Cloudflare Durable Objects + Party Server

    Cloudflare Durable Objects

    Party.server

    22:18 Real-time sync and state management across clients

    Party Client

    28:43 Connecting the server to the LED hardware

    41:51 Open access fun: scripts, NSFW images, and moderation

    Cloudflare tunnel

    44:10 Live demos

    45:34 Future plans: stats, rooms, and making it always-on

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  15. 935: CJ Made A Sega Game In 2025

    8 september 2025 · 52 min

    Afspelen
    CJ takes us behind the scenes of Hackweek to share how he built a custom Sega Genesis game from scratch, complete with assembly code, level loading, and retro hardware tricks. From SGDK to parallax faking, this episode is a deep dive into old-school game dev with a modern twist. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    00:44 Why a Sega game?

    Sega Genesis.

    Sega Master System.

    MKBHD Retro Tech: Sega.

    06:55 What is it running on?

    07:49 Working with assembly code.

    10:11 Sega Genesis Development Kit.

    Stephane-D GitHub.

    10:54 Awesome Megadrive.

    12:02 Booting on an emulator.

    13:07 Gens and KMod.

    15:54 Compiling stage.

    17:44 Genesis Code VS Code Extension.

    18:22 Images and Assets.

    19:46 Loading images with bitmap.

    23:50 Megacat Studios.

    25:21 Z index?

    Faking Parallax.

    27:34 Specific code examples.

    27:51 Platformer Engine.

    30:01 Platformer Sample Game.

    30:44 LDTK (Level Designer Toolkit).

    33:13 Tiled Collision mapping.

    37:42 What about debugging?

    39:37 Loading in levels.

    RetroGameMechanicsExplained.

    Sega Mega-CD Development Unit.

    43:56 Challenges with graphics.

    49:56 Adding music.

    Super Cartridge.

    Flahskit Programmer MD.

    Flashkit Cart MD.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  16. 934: We Built a Real-Time, Local-Data, Competitive Coding Game

    3 september 2025 · 37 min

    Afspelen
    Scott, Wes, and CJ dive into SynHax, Scott’s Hackweek project for code battles. They discuss live coding duels, referee controls, and the surprisingly simple tech stack that delivers instant updates and audience engagement. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:50 Brought to you by Sentry.io

    02:30 What is SynHax?

    This Button Broke Our Brains (CSS Challenge)

    04:21 The Stack

    SvelteKit

    Postgres

    Drizzle

    Zero Sync

    Better Auth

    Syntax 931: How to make good choices when starting a coding project

    07:39 How it works

    15:03 The battle experience

    28:28 Fun details

    34:12 Creating new battles & the admin dashboard

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  17. 933: Hackweek Overview - What Is It, What Did We Build

    1 september 2025 · 32 min

    Afspelen
    It’s Hackweek at Syntax! Scott, Wes, and CJ break down what Hackweek is all about - how they picked their projects, what came out of them, and why it’s the best excuse to experiment, build, and have fun before the deep-dive episodes roll in. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    00:04 What is Hackweek?

    01:05 Hackweek projects spark motivation.

    04:05 Choosing our projects.

    04:34 What we chose.

    05:11 CJ’s Hackweek Project.

    05:51 Using SGDK C language toolkit.

    07:02 Writing to an Everdrive.

    08:09 What game engine did you use?

    Platformer Engine.

    LDtk.

    12:11 What was the end result?

    14:09 Wes’ Hackweek Project.

    16:15 Why hardware projects?

    Watch the Video Here.

    19:09 Scott’s Hackweek Project.

    Watch the Video Here.

    21:42 Early considerations.

    25:42 AI usage.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  18. 932: Vibe Coding’s Huge Problem

    27 augustus 2025 · 23 min

    Afspelen
    Wes and Scott talk about the dangers of vibe coding when it comes to authentication and access control. They share real-world examples of security fails, discuss how to avoid client-side-only checks, and offer practical tips for protecting sensitive user data in your apps. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    We build the world’s most painful CAPTCHAs (Kitboga scammers)

    02:08 Brought to you by Sentry.io

    02:33 Wes’ vibe coding experience

    Wes’ app

    04:38 The Tea app disaster

    Tea app

    07:45 Don’t vibe code access control

    Better Auth with Better Auth

    09:38 Let in, don’t lock down

    11:23 Server vs. client-side code

    13:46 Visualize access control

    15:30 Automate tests

    17:00 Sick Picks + Shameless Plugs

    Sick Picks

    Scott: A City on Mars

    Wes: Hotel Collection Essential Oils

    Shameless Plugs

    Syntax YouTube Channel

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  19. 931: Project Init - How to Make Good Choices When Starting a New Coding Project

    25 augustus 2025 · 31 min

    Afspelen
    Scott and Wes dive into the fundamentals of project initialization and planning, from outlining ideas and choosing the right tools to making smart technology decisions. They also chat about leveraging AI and collaboration to shape better projects before rolling up your sleeves and getting to work. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    02:12 Brought to you by Sentry.io.

    04:03 Make a plan.

    04:06 Start with an outline and let it evolve.

    05:59 Mind-Mapping software vs plain text.

    08:49 Utilizing LLMs for alternative perspectives.

    09:58 Utilizing humans for alternative perspectives.

    11:17 Making technology choices.

    13:24 Assessing the project’s actual needs.

    13:30 Is this a long-term project?

    15:43 Is this project Open Source?

    16:09 Are you working in a team?

    18:12 Are you prioritizing learning?

    19:48 Pick technologies with proven compatibility.

    20:17 Implementing AI.

    20:44 Steering docs.

    26:24 Get to work and break stuff.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  20. 930: Text Editor Keybindings, WASM Replacing Docker, LLM apathy and hosting mini apps

    20 augustus 2025 · 56 min

    Afspelen
    In this potluck episode of Syntax, Wes and Scott answer your questions about VS Code vs Cursor, navigating promotions and job titles, database fundamentals, avoiding decision paralysis, how AI is shaping frameworks, and more! Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    00:56 Brought to you by Sentry.io

    06:24 Moving from VS Code to Cursor without losing your shortcuts

    12:13 Should you bring up a senior promotion at a new job?

    16:32 Relying on LLMs vs. learning database fundamentals

    20:42 Overcoming decision paralysis in programming

    25:00 What to do when your code gets too messy

    27:39 Could Wasm replace Docker and Kubernetes?

    32:14 Organizing mini-apps in Express: monorepo, micro frontends, or something else?

    38:49 Will AI lock us into React and make new frameworks irrelevant?

    46:57 Sick Picks + Shameless Plugs

    Sick Picks

    Wes and Scott: Niimbot

    Shameless Plugs

    Subscribe to Syntax on YouTube

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  21. 929: Cloudflare Blocks AI Crawlers × Debugging Local Data × Raising Kids with Healthy Digital Habits and More

    18 augustus 2025 · 54 min

    Afspelen
    Scott and Wes tackle listener questions on everything from local-first databases and AI-built CRMs to protecting APIs and raising kids with healthy digital habits. They also weigh in on Cloudflare’s AI crawler ban, portfolio critiques, and more hot takes from the dev world. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    00:49 Dreaming about web components.

    02:55 Local-First Apps for Customer Support.

    Brought to you by Sentry.io

    08:17 AI-Built CRM: Portfolio or Problem?

    Ben Vinegar’s Engineering Interview Strategy.

    18:55 InstantDB vs. Other Local-First Databases.

    21:46 Raising Kids with Healthy Digital Habits.

    Porta Potty Prince on TikTok.

    32:55 Cloudflare Blocks AI Crawlers. Good for Creators?

    Cloudflare Pay Per Crawl.

    Cloudflare No AI Crawl Without Compensation.

    Chris Coyier’s Blog Response.

    41:46 Protecting APIs and Obfuscating Source Code.

    44:49 Will Portfolio Critiques Return?

    46:45 Sick Picks + Shameless Plugs.

    Sick Picks

    Scott: Wifi 7 Eero.

    Wes: Plastic Welder

    Shameless Plugs

    Scott: Syntax on YouTube

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  22. 928: State of Devs 2025 Results

    13 augustus 2025 · 52 min

    Afspelen
    Wes and Scott talk about the 2025 State of Devs survey, diving into trends in salaries, job titles, remote work, health, hobbies, and more. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:44 Brought to you by Sentry.io

    02:08 Years of experience vs yearly income

    11:48 Layoffs

    18:07 Job title

    19:55 Remote work

    24:40 Job happiness

    25:40 Work hours

    26:24 Workplace perks

    26:53 What phones devs use

    27:46 Desktop OS

    28:44 Programming languages

    29:29 Productivity apps

    30:54 Social media

    32:13 Median age of RSS feed users

    33:41 Community contributions

    35:37 Health and fitness

    37:01 Health issues

    39:11 Scott’s health update

    42:28 Hobbies

    45:54 Favorite music

    47:10 Favorite video games

    47:37 Favorite movies

    49:35 Metadata

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  23. 927: AI Browsers, 100X Build Speed, Massive Svelte Update - Web Dev News

    11 augustus 2025 · 51 min

    Afspelen
    Scott and Wes break down the latest in web dev news, from Amazon’s AI-powered VS Code fork and Node’s native TypeScript support, to Vite overtaking Webpack and Svelte’s newest async and remote features. They also cover big moves in developer tools, fresh browser experiments, and what these shifts mean for the future of coding. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    04:08 Kiro.

    Kiro Video.

    09:05 Node 22.18 allows TypeScript without compiler.

    11:42 React Router RSC, Parcel + Vite Support.

    12:56 Windsurf Bought for real this time.

    14:25 Brought to you by Sentry.io.

    14:49 Copyparty, the FOSS file server

    Codeparty Video

    Codeparty on GitHub.

    23:22 Vite Overtakes Webpack.

    Evan You X Post.

    25:16 Rolldown Vite.

    void0 Rolldown-Vite.

    27:06 Claude Code pricing clamp down.

    Wes’ X Post.

    30:07 Async svelte released.

    Async Svelte Discussion.

    31:41 Remote Svelte Released.

    Remote Functions.

    34:59 Trae Solo.

    37:58 Perplexity Comet Browser.

    43:07 Sick Picks + Shameless Plugs.

    Sick Picks

    Scott: Black Stuff.

    Wes: MEKOH Short Pressure Washer Gun with Swivel.

    Shameless Plugs

    Scott: Syntax on YouTube.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  24. 926: RSS Is NOT Dead

    6 augustus 2025 · 30 min

    Afspelen
    Scott and CJ explore why RSS still matters and how it’s more underused than outdated. They discuss how to self-host RSS readers, escape the noise of the modern web, and reclaim a cleaner, ad-free reading experience across devices. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:09 Brought to you by Sentry.io

    02:41 What is RSS and how does it work?

    RSS

    Atom (web standard)

    JSON Feed

    06:14 Hosting your own RSS server: Miniflux, FreshRSS, and more

    Miniflux

    FreshRSS

    11:00 Decluttering the web with article scraping

    12:38 Best RSS clients for desktop and mobile

    Capy Reader

    Google Reader

    ReadKit

    Pocket is shutting down

    wallabag

    mymind

    18:51 Where to find RSS feeds

    The Brutalist Report

    Programming Subreddit

    Hacker News

    BlueSky

    Shameless Plugs

    Syntax YouTube Channel: Cursor User Tries Claude Code

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  25. 925: Scott & CJ’s Fave Productivity Apps & Web Apps

    4 augustus 2025 · 52 min

    Afspelen
    Scott and CJ go full productivity nerd, swapping notes on their favorite web apps for writing, coding, planning, and more. From terminals to to-do lists to dumb phones, it’s a deep dive into the tools powering their workflows. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    00:35 Brought to you by Sentry.io.

    01:56 Text to speech or speech to text.

    02:20 Superwhisper.

    08:29 Kiro.

    16:16 CJ’s current editor preference.

    17:59 Finding the right editor.

    18:47 Terminals.

    20:22 Ghostty.

    24:16 Note-taking.

    26:32 Obsidian.

    30:24 Logseq.

    31:03 Todo lists.

    31:08 Tweek.so

    34:42 Trello.

    37:25 Notion Calendar.

    38:55 Email.

    43:21 FairEmail.

    43:43 Dumb phones.

    45:10 Olauncher

    47:39 Audio Bookshelf.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  26. 924: Sync Engines and Local Data

    30 juli 2025 · 46 min

    Afspelen
    Wes and Scott talk about local-first sync engines—why they matter, what makes apps feel fast, and which platforms stand out. From LiveStore to Convex to Instant DB, they break down the pros and cons of each and debate what the “next React” might look like in a local-first future. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:52 Intro to local data: what makes apps feel fast

    05:08 Could the next React be a local-first sync engine?

    08:23 LiveStore

    18:01 Zero

    21:58 Instant DB

    24:18 Brought to you by Sentry.io

    24:43 Convex

    27:54 ElectricSQL

    29:48 PowerSync and PartyKit

    30:51 Choosing the right sync engine

    40:34 Sick Picks + Shameless Plugs

    Sick Picks

    Scott: Rummikub

    Wes: Headphone covers

    Shameless Plugs

    Syntax YouTube Channel

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  27. 923: Getting the Most Out of AI Coding

    28 juli 2025 · 27 min

    Afspelen
    Scott and Wes share their top strategies for getting high-quality results from AI coding tools like Cursor, Claude, ChatGPT, and Windsurf. From better prompting to building reusable rule sets, they cover practical tips for making AI your most productive coding partner. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    Wes' Tweet

    02:56 How to get the best results when using AI.

    03:15 Scaffold it out yourself.

    05:40 Be clear with your prompts.

    07:45 Use XML tags around specific items

    08:47 Utilize Rules like Cursor rules or Copilot rules.

    13:20 Ask it to create some rules based on an existing codebase.

    16:03 Break things down into clear concise actionable items.

    17:22 Where to store your rules files.

    18:37 Utilizing llm.txt files.

    19:24 Context7.

    20:28 Tag relevant files, functions, etc.

    21:38 Feed logs back into the AI.

    22:36 Logging Errors.

    22:54 Brought to you by Sentry.io.

    24:14 Long running chats get worse.

    Wes' Tweet

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  28. 922: Pre-commit Hooks, requestAnimationFrame, Code Reviews, and More

    23 juli 2025 · 59 min

    Afspelen
    In this potluck episode of Syntax, Wes and Scott answer your questions about code reviews, migrating legacy apps, CSS attr() use cases, pre-commit hooks, the future of creative web development, whether front-end devs need to be full-stack, and more! Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    00:43 When is the appropriate time to use requestAnimationFrame?

    05:10 How do you handle code reviews on larger teams?

    13:08 When to use the CSS attr() function

    19:01 The future of browsing websites and the impact of AI

    28:45 Brought to you by Sentry.io

    29:10 Navigating browser preview in VS Code

    31:31 Pre-populating email content with mailto

    34:29 Is there increasing pressure for front-end developers to become full-stack?

    43:14 What pre-commit checks should you run and how?

    46:16 How do you deal with a poorly-built codebase when you already have thousands of active users?

    50:05 What GitHub Copilot features should you disable while you’re learning something new?

    52:22 Sick Picks + Shameless Plugs

    Sick Picks

    Scott: WOLFBOX MF100 Electric Air Duster

    Wes: Competition Kettlebells

    Shameless Plugs

    Syntax YouTube Channel

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  29. 921: AI Coding Roadmap for Newbies (And Skeptics)

    21 juli 2025 · 49 min

    Afspelen
    Scott and Wes break down how to code with and for AI; perfect for skeptics, beginners, and curious devs. They cover everything from Ghost Text and CLI agents to building your own AI-powered apps with embeddings, function calling, and multi-model workflows. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    03:56 How to interface with AI.

    04:07 IDE Ghost Text.

    05:45 IDE Chat, Agents.

    08:00 CLI Agents.

    Claude Code.

    Open Code.

    Gemini.

    11:13 MCP Servers.
    Context7

    14:47 GUI apps.

    v0.

    Bolt.new.

    Lovable.

    Windsurf.

    19:07 Existing Chat app like ChatGPT.

    22:37 Building things WITH AI.

    23:32 Prompting.

    26:53 Streaming VS not streaming.

    28:14 Embeddings and Rag.

    31:09 MCP Server.

    CJ’s MCP Deep Dive.

    32:36 Brought to you by Sentry.io.

    33:25 Multi-model, multi-provider.

    36:27 npm libs to use to code with AI.

    OpenAI SDK.

    AI SDK.

    Cloudflare Agents.

    Langchain.

    Local AI

    Tensorflow.

    Transformers.js.

    Huggingface.

    44:12 Processes and exploring.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  30. 920: How to Build MCP Servers

    16 juli 2025 · 38 min

    Afspelen
    Wes and Scott talk about how developers can expose powerful tools to AI using the Model Context Protocol. They discuss tool calling, remote MCP specs, authentication, and real-world use cases that make AI more capable through smarter integrations. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:36 What is MCP?

    07:23 MCP tools

    11:33 MCP resources

    13:43 Saving reusable prompts

    16:18 Creating and validating MCP tools

    18:31 Brought to you by Sentry.io

    18:31 Tool calling vs MCP servers

    21:28 Remote vs local MCP servers

    mcp-remote

    26:24 Useful MCP servers

    mcp-server-cloudflare

    use-mcp

    awesome-mcp-servers

    32:48 Sick Picks + Shameless Plugs

    Sick Picks

    Scott: Mario Kart World

    Wes: anyloop Kid’s Watch

    Shameless Plugs

    Syntax YouTube Channel

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  31. 919: Better Auth with Better Auth

    14 juli 2025 · 27 min

    Afspelen
    Scott and Wes recap the current state of web authentication and explore how Better Auth simplifies the whole process. With built-in plugins, modern features, and no need to hand-roll your own solution, Better Auth makes secure login a breeze for developers. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    00:59 Scott’s history with authentication.

    02:05 Brought to you by Sentry.io.

    03:15 My opinion has changed on auth.

    04:40 Current authentication options.

    06:32 Arctic.

    06:56 OpenAUTH.

    07:36 Auth.js.

    08:02 Better Auth.

    10:45 Better Auth CLI.

    11:37 Email integration.

    12:09 Hooks and Tokens.

    13:43 CAPTCHA Integration.

    14:36 Database Integration.

    15:04 Integrations.

    15:19 Plugin Ecosystem.

    17:40 Admin features.

    19:41 The Docs.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  32. 918: Extreme Native Perf on the Web with Superhuman

    9 juli 2025 · 49 min

    Afspelen
    Wes and Scott talk with Loïc Houssier about how Superhuman builds lightning-fast, delightfully-designed email software. They dig into engineering philosophy, offline-first architecture, local databases, AI-powered productivity, and what it takes to create tools that people love. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    03:05 Inside Superhuman and Loïc’s role

    06:49 Is Superhuman native? What’s the tech stack?

    08:16 How Superhuman approaches product design and speed

    12:17 Local-first architecture – Sync, storage, and performance

    Realm

    13:46 Vector search, AI, and privacy considerations

    18:12 How the team ships fast and stays focused

    21:27 Rethinking email for the future

    26:54 Brought to you by Sentry.io

    27:19 How calendar integration and smart features work

    29:54 Where new ideas come from

    31:54 Will there ever be a true dark mode?

    33:02 Are people actually using keyboard shortcuts?

    36:42 How shortcuts work and the role of the command palette

    41:28 Engineering for speed – Costs and trade-offs

    43:32 How Superhuman’s sync engine works

    46:09 What code runs locally and what runs on the server?

    46:51 How Superhuman handled the Google and Cloudflare outage

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  33. 917: AI Tools You Should Know

    7 juli 2025 · 38 min

    Afspelen
    Scott and Wes round up the hottest AI tools you should have on your radar; from text-to-speech wizards to self-hosted image generators. They break down what they’re using, what’s worth paying for, and which tools are changing their workflows. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    00:49 Getting too cozy with your tools.

    01:34 Brought to you by Sentry.io.

    03:40 LangFlow.

    08:44 Super Whisper and Whisper Flow.

    15:00 Dia.

    23:16 Chat apps.

    Claude

    ChatGPT

    Raycast

    Cursor

    Midjourney (Imagine.art)

    26:58 Self-hosted.

    27:01 Comfy UI.

    31:27 Automatic1111 and Forge UI.

    Xenova Shoutout

    34:11 Sick Picks & Shameless Plugs.

    Sick Picks

    Scott: Rat A Tat Cat Card Game.

    Wes: Syntax Hats

    Shameless Plugs

    Wes: Syntax Hats

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  34. 916: I got fired, what should I focus on?

    2 juli 2025 · 58 min

    Afspelen
    In this potluck episode of Syntax, Wes and Scott answer your questions about maintaining popular open-source projects, where to start after a layoff, impostor syndrome, Scott’s recording setup, whether a computer science degree is still worth it in the age of AI, and more!
    Show Notes
    Lees meer

    00:00 Welcome to Syntax!

    00:44 Brought to you bySentry.io

    04:16 How to maintain a successful NPM package

    08:03 What to do in Denver while attending Laracon

    11:18 How to branch out and learn new frameworks while balancing work life and family

    15:55 Built-in state management vs external state managementFull Stack App Build | Travel Log w/ Nuxt, Vue, Better Auth, Drizzle, Tailwind, DaisyUI, MapLibre

    19:43 Suggestion for CSS battles: Removing white space and new lines after the time limit?

    23:06 What is Scott’s recording setup?
    Aputure Light Dome

    Aputure Amaran 150c

    Sony FX3

    Electro-Voice RE20

    27:46 Snake case vs camel caseEye Tracking Study on camelCase and under_score Identifier Styles

    31:16 Have you ever had impostor syndrome?

    34:56 Is a degree worth it for computer science or machine learning?

    38:41 Should I use a reverse proxy server?Ep 798: Self Hosting: Reverse Proxy Servers

    42:03 Where to start when updating your webdev skillset

    50:11 Sick Picks + Shameless Plugs

    Sick Picks

    Scott:Cardboard Cutter

    Wes:Kitchen Scissors

    Shameless Plugs
    Syntax YouTube Channel
    Hit us up on Socials!
    Syntax:XInstagramTiktokLinkedInThreads
    Wes:XInstagramTiktokLinkedInThreads
    Scott:XInstagramTiktokLinkedInThreads
    Randy:XInstagramYouTubeThreads

  35. 915: $200mo Background Agents, CLI Tooling and “Max Mode”

    30 juni 2025 · 34 min

    Afspelen
    AI coding agents are getting wild. Scott and Wes break down the latest tools that run in the background, write code across multiple steps, and charge you $200 a month to do it. From CLI-based primitives to full-on copilots, this episode covers the next wave of dev tools and what it takes to use them effectively. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    03:13 Background Agents.

    04:26 Appropriate tasks for background agents.

    12:46 CLI tooling.

    14:17 Claude Code Pricing.

    18:20 Approaches to get the most from these tools.

    19:56 PRD Documents.

    Atlasian What’s a PRD Document.

    20:50 Claude Taskmaster.

    Langflow.

    25:29 Sick Picks & Shameless Plugs.

    Sick Picks

    Scott: RingConn.

    Wes: Dell Projector

    Shameless Plugs

    Scott: Syntax on YouTube.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  36. 914: 5 Upcoming + Next Gen JavaScript Features

    25 juni 2025 · 34 min

    Afspelen
    Wes and Scott talk about the latest JavaScript proposals from TC39, including features like import defer, the powerful new random namespace, Array.fromAsync, and native clamp and upsert methods. They break down what’s coming, why it matters, and how it might improve your code. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    02:55 Brought to you by Sentry.io

    05:37 Import Defer

    proposal-defer-import-eval

    proposal-deferred-reexports

    Rob Palmer

    09:30 Random Functions

    proposal-random-functions

    proposal-seeded-random

    18:32 Array from Async

    proposal-array-from-async

    20:56 Upsert for Maps

    proposal-upsert

    23:13 Clamp

    proposal-math-clamp

    27:02 Sick Picks + Shameless Plugs

    Sick Picks

    Scott: Anker Max USB 4-Port

    Wes: Clarkson’s Farm

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  37. 913: NEWS: Remix drops React, Safari 26 CSS + mega fast Vite and TypeSCript

    23 juni 2025 · 50 min

    Afspelen
    Wes and CJ break down the latest web dev news, including big changes in Safari 26, TypeScript Native Previews, and Remix dropping React. They also chat about new proposals from TC39, Vite 7 beta, and a surprise project from the Astro team. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    00:41 Safari WWDC.

    01:05 SVG Favicons.

    02:01 Every site can be a web app on iOS and iPadOS.

    03:08 WebGPU in Safari.

    08:02 Lots of CSS goodies.

    @Una Tweet.

    10:19 Remix 3 dropping React.

    Wake Up Remix.

    @mjackson Tweet.

    17:40 Typescript Native Preview.

    @drosenwasser Tweet.

    Microsoft Blog: Announcing TypeScript Native Previews.

    20:53 Cursor 1.0.

    29:12 TC39 Advances Several Proposals to Stage 4.

    29:51 Array.fromAsync.

    31:15 Error.isError.

    32:14 Explicit Resource Management: using.

    36:53 Astro Creators working on an email client.

    @FredKSchott Tweet.

    39:23 Announcing Rolldown-Vite.

    Voidzero.

    Compatibility.

    44:43 Vite 7 in Beta.

    46:04 Angular v20 Released.

    47:30 Take the State of CSS Survey!

    48:40 Brought to you by Sentry.io.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  38. 912: Why did Figma buy a CMS?

    17 juni 2025 · 26 min

    Afspelen
    Wes chats with James Mikrut, founder of Payload CMS, about being acquired by Figma! They discuss building an open source business, the future of UI design, AI interfaces, and what this means for the future of Payload and Figma.
    Show Notes
    Lees meer

    00:00 Welcome to Syntax.

    01:06 What is Payload CMS?

    01:56 The big announcement.

    03:03 Why does Figma want a CMS?

    05:23 This has got to be about AI, right?

    09:37 Brought to you by Sentry.io.

    10:02 What will the interface be?

    14:02 Generative, user-specific UI.

    16:17 Agents make everything look like ShadCN.

    18:18 What does this mean for Payload users?

    20:23 How this improves Payload.

    22:31 Trying to stand out as a CMS.

    23:35 Is this going to cost users?

    25:12 Sick Picks & Shameless Plugs.

    Sick Picks
    James: Triumph Street Triple, Malört Liquor.
    Shameless Plugs
    James: PayloadCMS.
    Hit us up on Socials!
    Syntax: X Instagram Tiktok LinkedIn Threads
    Wes: X Instagram Tiktok LinkedIn Threads
    Scott: X Instagram Tiktok LinkedIn Threads
    Randy: X Instagram YouTube Threads

  39. 911: Browsers in 2025: Whats up with Arc, Dia, Firefox, Chrome and Opera GX?

    16 juni 2025 · 47 min

    Afspelen
    Scott and Wes break down the state of web browsers in 2025, from the rise and fall of Arc and the fate of Firefox to hot takes on Opera GX, Raycast, and why power users might not be profitable. They compare rendering engines, rant about dev tools, and reveal what browser stats say about Syntax listeners. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:37 Rendering Engines.

    02:11 Arc Browser.

    02:41 Microsoft Edge.

    03:45 Why not Brave?

    05:25 Brought to you by Sentry.io.

    05:50 Google Manifest v2.

    07:32 Opera.

    OperaGX.

    10:13 Vivaldi.

    11:23 The death of Arc Browser.

    11:44 Dia?

    14:43 No revenue from power-users.

    Letter to Arc Members.

    15:38 Arc’s transition to a new browser.

    17:02 Browser companies need to lock users fast!

    19:42 Gecko.

    19:45 Firefox.

    21:08 Zen.

    22:38 Webkit.

    There Still Arent Any iPhone Browsers With Custom Engines

    29:18 Wtf is Ladybird?

    34:14 Usage statistics.

    StatCounter.com.

    39:32 Dev Tools experience ranked.

    42:06 Tab experience.

    43:37 Containers and profiles.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  40. 910: If Statements in CSS?

    11 juni 2025 · 25 min

    Afspelen
    Wes and Scott talk about the new If statements in CSS, breaking down how they work, why they matter, and when to use them. They explore use cases, syntax quirks, and how this feature pushes CSS closer to true conditional logic—no JavaScript required. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:30 Brought to you by Sentry.io

    02:37 CSS If statements in action

    CSS if() functions & reading-flow (in Chrome 137)

    CodePen - If with style without attr

    09:08 Advanced examples and the attribute function

    CodePen - CSS If() Themes

    13:43 Mixing If statements with media queries

    CodePen - CSS If() Mixed Logic

    16:54 Can’t this be done with classes?

    18:16 The future of CSS: declarative APIs

    CSS Battle LIVE! in Denver | Switch Edition

    21:10 Is CSS now a programming language?

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  41. 909: Handling and Throwing Errors

    9 juni 2025 · 39 min

    Afspelen
    We break down how to properly throw, catch, and log errors in JavaScript and TypeScript. They cover client-side and server-side strategies, using tools like Sentry, and how to handle errors without taking down your whole app. Lees meer

    Show Notes

    00:00 Welcome to Syntax!

    01:19 Error terminology.

    01:42 Thrown and catching.

    03:01 What’s in an error.

    04:09 Name and message.

    04:42 Stack.

    07:12 Node system errors.

    07:34 Messages: strings, objects, or custom errors.

    08:19 Throwing errors.

    12:01 Promise errors.

    12:10 Try catch block, .catch().

    14:13 Using awaited-to.

    15:10 Finally.

    16:29 promise.try()

    17:14 Re-throwing errors.

    Error Cause

    18:12 Client-side errors.

    18:15 Catching at different levels.

    18:51 Displaying errors.

    21:59 Transforming server errors into client errors.

    24:12 Error boundaries.

    25:26 Server errors.

    26:10 JSON API.

    27:41 HTTP response codes.

    30:09 Logging and solving errors.

    31:16 Proudly supported by Sentry.io.

    Logging within Sentry

    36:16 TypeScript and errors.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

  42. 908: Storybook Has Evolved w/ Jeppe Reinhold

    4 juni 2025 · 50 min

    Afspelen
    Wes and Scott talk with Jeppe Reinhold about Storybook 9’s powerful new features—including drastically reduced bloat, seamless Vite integration, and next-level component testing. They dive into visual regression testing, accessibility, performance, and best practices for writing robust, isolated UI components developers can actually enjoy testing and documenting.
    Show Notes 00:00 Welcome to Syntax!
    01:40 What is Storybook?
    03:48 How Storybook makes component design easier
    04:41 Vite integration and compatibility with other tools Vite
    Lees meer

    webpack

    RSpack

    06:50 Storybook’s significantly smaller bundle size e18e

    polka

    13:31 Upgrading to Storybook 9
    17:34 Testing components with Storybook Vitest

    19:51 How do you write a component “story”?
    24:29 Brought to you by Sentry.io

    24:54 How visual testing works
    28:38 How Storybook makes money
    29:33 Best practices for component design
    32:24 Mocking and testing strategies
    34:49 Accessibility testing
    40:51 Add-ons and future features
    44:43 Storybook’s documentation
    46:33 Sick Picks + Shameless plugs
    Sick Picks Jeppe: JBL Boombox 3 Wi-Fi

    Shameless Plugs Jeppe: chromatic

    Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
    Wes: X Instagram Tiktok LinkedIn Threads
    Scott: X Instagram Tiktok LinkedIn Threads
    Randy: X Instagram YouTube Threads

  43. 907: Wes’ New Site: Gatsby → React Server Components

    2 juni 2025 · 45 min

    Afspelen
    Wes rebuilt his personal site from Gatsby to a modern stack using Waku, React Server Components, and Cloudflare Workers — all while keeping the same design. Scott and Wes break down the pain points with Next.js, MDX, image handling, caching, and the custom setup that now powers a blazing-fast blog.
    Show Notes 00:00 Welcome to Syntax!
    01:03 Barcelona Conference.
    04:09 Brought to you by Sentry.io.
    04:33 Existing stack, goodbye to Gatsby.
    06:11 New stack, the goals for moving.
    06:56 So what is the new stack? 08:32 Challenges with NextJS.
    08:58 Problems with plugins.
    09:30 Problems with dynamic imports.
    10:21 Problems with Cloudflare deployment.
    Lees meer

    12:37 Landing on Waku.
    13:59 Hot Tips functionality updates.
    16:30 Blog Posts + JavaScript Notes.
    17:09 Moving from Gatsby.
    19:03 Page speeds. 19:29 Removing nav resizing process.
    21:03 Writing custom MDX plugins.

    23:28 Hosting. 24:08 Why is the build so fast?

    28:01 Pricing.
    32:25 Caching.
    34:49 Migration errors.
    36:37 CSS.
    Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
    Wes: X Instagram Tiktok LinkedIn Threads
    Scott: X Instagram Tiktok LinkedIn Threads
    Randy: X Instagram YouTube Threads

  44. 906: Tech Startups and Raising Money with Dan Levine (Vercel, Sentry, Mux…)

    28 mei 2025 · 57 min

    Afspelen
    Wes and Scott talk with VC Dan Levine about how developers can raise venture capital, what investors look for in early-stage startups, the realities of bootstrapping vs. fundraising, and why great ideas often start as simple side projects.
    Show Notes 00:00 Welcome to Syntax!
    00:55 Dan’s background and career
    03:10 Is it common for tech investors to come from a tech background?
    04:40 How can developers raise money?
    08:35 What investors look for
    12:39 How much funding is enough?
    15:41 Are founders working with multiple investors?
    18:26 What can you use the money for?
    22:49 How much influence do investors have in the business?
    29:56 Brought to you by Sentry.io
    Lees meer

    29:56 How involved are VCs in the business?
    34:22 How do you know a startup is in trouble—and what can you do about it?
    38:56 How much of the company do investors own?
    40:43 What’s the endgame for investors?
    44:02 How do acqui-hires work?
    46:29 Is the AI space a real opportunity or just hype?
    53:22 Sick Picks + Shameless Plugs
    Sick Picks Dan: Dandelion Chocolate

    Jules Pizza

    Shameless Plugs Dan: Linear

    Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
    Wes: X Instagram Tiktok LinkedIn Threads
    Scott: X Instagram Tiktok LinkedIn Threads
    Randy: X Instagram YouTube Threads

  45. 905: You Should Learn Nuxt!

    26 mei 2025 · 28 min

    Afspelen
    CJ steps in for Scott and joins Wes to share his experience working with Nuxt, from routing and data fetching to the pros and cons of the framework. They break down the Nuxt ecosystem, directory structure, and how it handles server routes and modules.
    Show Notes 00:00 Syntax Meetup!
    00:26 Welcome to Syntax
    01:21 The deal with Nuxt. CJ’s Nuxt Course.
    Lees meer

    02:51 Why do you like Vue?
    04:52 Brought to you by Sentry.io.
    05:17 Routing with Nuxt. h3 - The Web Framework for Modern JavaScript Era.
    Nuxt Guides.

    06:12 Built on Nitro.
    06:49 The Nuxt Ecosystem.
    07:52 API Route Support.
    08:15 Nuxt Directory Structure.
    09:09 Does Nuxt do too much for you?
    11:15 Data fetching in a Nuxt app.
    13:25 RPC, Form Actions, Server Actions?
    15:00 Nuxt Server Folder Hastle.
    15:57 useFetch Hook. CJ’s Nuxt Crash Course.

    17:29 Core Modules and Community Modules? Nuxt Modules.
    shadcn-nuxt.
    @nuxt/ui.
    DaisyUI.
    Pinia.

    21:17 Nuxt Hosting. Deploy.
    hub.nuxt.

    23:59 Anything you don’t like?
    Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
    Wes: X Instagram Tiktok LinkedIn Threads
    Scott: X Instagram Tiktok LinkedIn Threads
    Randy: X Instagram YouTube Threads

  46. 904: React vs Svelte × Windsurf Worth $3B × Typescript as Const × Layout Shift Tricks × More

    21 mei 2025 · 51 min

    Afspelen
    In this potluck episode of Syntax, Wes and CJ answer your questions about OpenAI’s $3B Windsurf acquisition, the evolving role of UI in an AI-driven world, why good design still matters, React vs. Svelte, and more!
    Show Notes 00:00 Welcome to Syntax! Devs Night Out
    Lees meer

    02:35 OpenAI acquires Windsurf for $3B Windsurf

    Ep 870: Windsurf forked VS Code to compete with Cursor. Talking the future of AI + Coding

    05:20 What is the future of UI now that AI is such a heavy hitter?
    08:45 Handling spam submissions on websites Cloudflare Turnstile

    14:18 Duplicating HTML for desktop and mobile websites?
    17:03 Is it okay to use a JSON file for simple website data?
    19:04 How to handle anonymous and duplicate users Better-Auth

    21:55 Working with TypeScript Object.keys() and “any” vs “@ts-ignore”
    25:51 Brought to you by Sentry.io

    26:38 What is the difference between React and Svelte?
    30:24 How should you name your readme file?
    31:55 How do you find time to refactor code?
    35:20 Best practices for testing responsiveness Polypane

    39:19 Avoiding layout shift with progressive enhancement
    46:56 Sick Picks + Shameless Plugs
    Sick Picks CJ: Portable Chainsaw

    Wes: White Lotus

    Shameless Plugs CJ: Nuxt

    Wes: Full Stack App Build | Travel Log w/ Nuxt, Vue, Better Auth, Drizzle, Tailwind, DaisyUI, MapLibre

    Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
    Wes: X Instagram Tiktok LinkedIn Threads
    Scott: X Instagram Tiktok LinkedIn Threads
    Randy: X Instagram YouTube Threads

  47. 903: Fork Yeah! Microsoft open sourcing Copilot

    19 mei 2025 · 58 min

    Afspelen
    Scott and Wes are joined by Erich Gamma, creator of VS Code, and Kai Maetzel, Copilot Lead, to share some big news about the future of VS Code and Copilot. They discuss what it means for developers, how AI is shaping the future of coding, and why staying open to the community is key.
    Show Notes 00:00 Welcome to Syntax!
    01:00 The inception of VS Code.
    02:49 VS Code adoption.
    04:31 Brought to you by Sentry.io.
    04:55 Syntax Denver Meetup!
    05:19 The big announcement.
    06:25 The current state of Copilot and VS Code.
    08:31 The challenges with LLMs running outside of the codebase.
    09:31 How to make a business case for AI.
    10:47 The maturing of the AI landscape.
    13:01 The limitations of extensions.
    14:06 Open source vs closed source.
    14:49 Copilot’s context is public.
    19:23 Is context language-specific?
    21:23 How does this affect paid Copilot features?
    23:27 Secrets of Copilot’s server-side.
    28:36 What will be open and what will not?
    29:03 Is Copilot’s UI influenced by VS Code forks?
    31:31 Maintaining VS Code identity in forks.
    33:07 What does open-sourcing GitHub Copilot mean for Cursor and Windsurf?
    38:42 Were you surprised to see VS Code forks?
    40:03 Are other extensions able to tap into the AI offerings?
    43:20 There’s work to be done.
    44:13 The timeline.
    45:39 Simulation Tests (S Tests).
    48:07 How to test LLMs.
    49:10 The future of software development with AI.
    52:47 What’s your favorite model?
    Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
    Wes: X Instagram Tiktok LinkedIn Threads
    Scott: X Instagram Tiktok LinkedIn Threads
    Randy: X Instagram YouTube Threads
    Lees meer
  48. 902: Fullstack Cloudflare with React and Vite (Redwood SDK)

    14 mei 2025 · 47 min

    Afspelen
    Wes talks with Peter Pistorius about RedwoodSDK, a new React framework built natively for Cloudflare. They dive into real-time React, server components, zero-cost infrastructure, and why RedwoodSDK empowers developers to ship faster with fewer tradeoffs and more control.
    Show Notes 00:00 Welcome to Syntax!
    00:52 What is RedwoodSDK?
    04:49 Choosing openness over abstraction
    08:46 More setup, more control
    12:20 Why RedwoodSDK only runs on Cloudflare
    14:25 What the database setup looks like
    16:15 Durable Objects explained – Ep 879: Fullstack Cloudflare
    Lees meer

    18:14 Middleware and request flow
    23:14 No built-in client-side router?
    24:07 Integrating routers with defineApp
    26:04 React Server Components and real-time updates
    29:53 What happened to RedwoodJS?
    31:14 Why do opinionated frameworks struggle to catch on?
    34:35 The problem with Lambdas
    36:16 Cloudflare’s JavaScript runtime compatibility
    40:04 Brought to you by Sentry.io

    41:44 The vision behind RedwoodSDK
    Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
    Wes: X Instagram Tiktok LinkedIn Threads
    Scott: X Instagram Tiktok LinkedIn Threads
    Randy: X Instagram YouTube Threads

  49. 901: JS News: New React & Svelte APIs, RSC Updates, Redwood and Storybook

    12 mei 2025 · 39 min

    Afspelen
    Scott and Wes break down the latest in JavaScript news, including new async patterns in Svelte, React Server Component tooling with Parcel, and Redwood’s push into Cloudflare with its new SDK. They also cover what’s new in Storybook 9 Beta, from visual testing to a sleeker, lighter build.
    Show Notes 00:00 Welcome to Syntax!
    02:50 Brought to you by Sentry.io.
    03:37 Syntax Meetup!
    04:09 React View Transitions.
    08:58 addTransitionType.
    11:18 Activity API. Offscreen Renamed to Activity.
    Lees meer

    14:22 Maintaining state in search queries.
    16:29 Asynchronous Svelte. Playground.

    19:04 Svelte Boundary.
    25:13 Parcel RSC.
    27:15 Redwood SDK.
    30:55 Storybook 9 Beta.
    Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
    Wes: X Instagram Tiktok LinkedIn Threads
    Scott: X Instagram Tiktok LinkedIn Threads
    Randy: X Instagram YouTube Threads

  50. 900: 13 New CSS Features You Can Start Using Today

    7 mei 2025 · 58 min

    Afspelen