Épisodes

  • 205 | Where Web Dev Tools Meet People
    Sep 2 2025

    Web development is constantly evolving, and so are the tools we use to build. In this episode, Amy and Brad chat with the organizers of Squiggle Conf about the future of web dev tooling, how conferences shape the developer experience, and why community matters just as much as code.

    Chapters

    0:00 - Intro

    0:34 - Meet the Guests: Squiggle Conf Organizers

    • Squiggle Conf

    1:19 - What Makes Squiggle Conf Unique

    3:19 - Tooling and Developer Experience

    3:30 - Penguins, IMAX, and the Conference Venue

    4:18 - Who Should Attend Squiggle Conf

    5:31 - How Talks Are Selected and Curated

    6:51 - Social and Community Aspects of the Conference

    12:19 - Behind the Scenes of Organizing a Conference

    17:46 - Lessons Learned from Running Events

    23:30 - The Role of Tooling in Modern Development

    27:21 - Browser-Based Tools and Their Impact

    28:51 - Shoutout to Astro and Other Frameworks

    • Astro
    • Starlight - Astro's template for documentation

    33:51 - Comparing Different Conference Experiences

    38:55 - Building Momentum in the Developer Community

    40:45 - Looking Ahead: The Future of Squiggle Conf

    42:02 - Final Thoughts from the Organizers

    43:43 - Picks and Plugs

    • Are the Types Wrong? — a package & CLI tool by Andrew Branch from the TypeScript team
    • The Harry Potter movie series
    • Cloudflare
    • One Switch - Mac Menu Bar App
    • RedwoodSDK
    Afficher plus Afficher moins
    46 min
  • 204 | Why Vue? A Deep Dive with Alex Riviere
    Jul 8 2025
    Vue developer Alex Riviere joins Amy to explore the fundamental differences between Vue and React, diving deep into Vue's unique approach to reactivity, templating, and developer experience. From the magic of V-Model eliminating controlled/uncontrolled input complexity to Vue's proxy-based reactivity system that "just works," Alex explains why Vue's mental model clicked for him coming from jQuery. The conversation covers Vue 3's Composition API and Script Setup syntax, the evolution from VueX to Pinia for state management, and exciting developments like Vue Vapor Mode that will eliminate the virtual DOM entirely. Alex also breaks down Evan You's recent $4.6M VoidZero funding to revolutionize JavaScript build tooling, the flexibility of Nuxt as a meta-framework, and why Vue remains approachable enough to sprinkle into any project without complex build steps. Show Notes00:00 - Intro01:10 - How Alex Got Started with Vue03:00 - Vue vs React Mental Models08:00 - Vue's Approach to Forms and V-Model10:20 - Vue Frameworks: Nuxt and the Ecosystem17:00 - Vue 2 to Vue 3 Migration Challenges19:00 - Nuxt as a Dev Dependency vs Runtime22:30 - When Do You Need a Framework with Vue?25:30 - Laravel Integration and Alpine.js Connection27:40 - Vue's Reactivity System and Proxies29:40 - State Management: VueX to Pinia Evolution32:20 - SSR and Server Components in Vue34:10 - Hosting and Deployment Options35:40 - Evan You's VoidZero Funding and Vision43:10 - Vue Vapor Mode: Eliminating Virtual DOM47:40 - Getting Started with Vue Resources48:40 - Picks and Plugs Links and ResourcesPeople MentionedAlex Riviere - @alexriviereEvan You - Vue.js creator - @youyuxiBen Hong - Vue core team member - @bencodezenDaniel Roe - Nuxt team - @danielcroeTaylor Otwell - Laravel creator - @taylorotwellVue.js ResourcesVue.js Official Site - vuejs.orgVue.js Documentation - vuejs.org/guideVue School - vueschool.ioVue Mastery - vuemastery.comFrameworks & Tools MentionedNuxt - nuxt.comVite - vitejs.devAstro - astro.buildPinia (Vue state management) - pinia.vuejs.orgVueX (legacy state management) - vuex.vuejs.orgAlpine.js - alpinejs.devLaravel - laravel.comLivewire - livewire.laravel.comSolid.js - solidjs.comReact - react.devSvelte - svelte.devBuild Tools & InfrastructureESBuild - esbuild.github.ioRollup - rollupjs.orgNitroPack - nitro.unjs.ioWebpack - webpack.js.orgVoidZero (Evan You's new company) - voidzero.devHosting PlatformsNetlify - netlify.comVercel - vercel.comCloudflare - cloudflare.comReact Ecosystem (for comparison)Next.js - nextjs.orgRemix - remix.runRedwoodJS - redwoodjs.comGatsby - gatsbyjs.comPodcasts & ContentDeja Vue Podcast - dejavue.fm (mentioned Evan You VoidZero interview)Vue.js Conferences - VueConf eventsTechnical Concepts to ResearchVue Composition API - vuejs.org/guide/extras/composition-api-faq.htmlVue Script Setup - vuejs.org/api/sfc-script-setup.htmlVue Directives - vuejs.org/guide/essentials/template-syntax.html#directivesVue Reactivity - vuejs.org/guide/extras/reactivity-in-depth.htmlVue Vapor Mode (experimental) - github.com/vuejs/core-vaporJavaScript Proxies - MDN Proxy DocumentationSignals (reactive programming) - General concept in modern frameworksPicks & PlugsDropout TV - Nobody Asked - dropout.tvCodeMash Conference - codemash.orgWhoosh Screen Cleaner - https://amzn.to/4nBR5UtAdditional Helpful ResourcesVue 2 to Vue 3 Migration Guide - v3-migration.vuejs.orgVue vs React Comparison - vuejs.org/guide/extras/composition-api-faq.html#comparison-with-react-hooksIslands Architecture - jasonformat.com/islands-architecture
    Afficher plus Afficher moins
    53 min
  • 203 | Feature Flags, Framework Wars, and Landing Your Next Dev Job
    May 13 2025

    In this hosts-only episode, Amy and Brad get real about the developer experience - from the stress of job interviews to the complexities of choosing the right framework. They discuss why companies are comparing candidates more than ever, share strategies for answering behavioral interview questions, and debate the merits of Remix versus Next.js (spoiler: Brad's all-in on Remix). The conversation shifts to feature flags and progressive rollouts, with insights from Brad's work at Stripe.

    Sponsor

    WorkOS helps you launch enterprise features like SSO and user management with ease. Thanks to the AuthKit SDK for JavaScript, your team can integrate in minutes and focus on what truly matters—building your app.

    Chapter Marks

    00:00 - Intro

    00:41 - Sponsor: WorkOS

    01:47 - Brad's Keyboard and Mouse Shopping Spree

    04:30 - Keyboard Layout Discussion

    07:23 - Apple Ecosystem: Reminders and Notes

    09:23 - Family Sharing and Raycast Integration

    09:43 - Notion vs Apple Notes for Project Management

    11:31 - File Storage and Backup Strategies

    14:00 - Machine Backup Philosophy

    16:46 - Job Interview Preparation Tips

    19:40 - Answering the "Weakness" Question

    21:53 - Addressing Weaknesses: Delegation Examples

    24:29 - Conflict Resolution Interview Questions

    25:46 - Company Research Before Interviews

    27:00 - Tech Stack Considerations: Remix vs Next.js

    28:30 - Framework Migration Decisions

    29:30 - Astro for Content Sites

    31:02 - Backend Languages: Go vs TypeScript

    32:30 - React Server Components Future

    34:23 - Feature Flags and Boolean as a Service

    35:30 - Feature Flag Segmentation and A/B Testing

    36:54 - PostHog and Analytics Tools

    38:30 - Progressive Rollouts and Error Monitoring

    40:20 - Amy's Picks and Plugs

    43:35 - Brad's Picks and Plugs

    Afficher plus Afficher moins
    47 min
  • 202 | Framework Trade-offs: What Laravel Offers JavaScript Developers
    Apr 8 2025
    Josh Cirre joins us to discuss his transition from the JavaScript ecosystem to Laravel, revealing why PHP frameworks can offer a compelling alternative for full-stack development. We explore the "identity crisis" many frontend developers face when needing robust backend solutions, how Laravel's batteries-included approach compares to piecing together JavaScript services, and the trade-offs between serverless and traditional hosting environments. Josh also shares insights on Laravel's developer experience, front-end integration options, and his thoughts on what JavaScript frameworks could learn from Laravel's approach to abstraction and infrastructure.Show Notes0:00 - Intro1:02 - Sponsor: Wix Studio1:46 - Introduction to Laravel2:25 - Josh's Journey from Frontend to Backend5:40 - Building the Same Project Across Frameworks6:32 - Josh's Breakthrough with Laravel8:20 - Laravel's Frontend Options10:25 - React Server Components Comparison12:00 - Livewire and Volt13:41 - Josh's Course on Laracasts14:08 - Laravel's DX and Ecosystem16:46 - MVC Structure Explained for JavaScript Developers18:25 - Type Safety Between PHP and JavaScript21:12 - Laravel Pain Points and Criticisms22:40 - Laravel Team's Response to Feedback24:50 - Laravel's Limitations and Use Cases26:10 - Laravel's Developer Products27:20 - Option Paralysis in Laravel30:46 - Laravel's Driver System33:14 - Web Dev Challenge Experience33:38 - TanStack Start Exploration34:50 - Server Functions in TanStack37:38 - Infrastructure Agnostic Development41:02 - Serverless vs. Serverful Cost Comparison44:50 - JavaScript Framework Evolution46:46 - Framework Ecosystems Comparison48:25 - Picks and Plugs Links Mentioned in the EpisodeLaravel - PHP frameworkTanStack Start - React meta-framework Josh created a YouTube video aboutLivewire - Laravel's HTML-over-the-wire front-end frameworkInertia.js - Framework for creating single-page appsVolt - Single file component system for LivewireLaravel Cloud - Managed hosting solution for Laravel applicationsHerd - Laravel's tool for setting up PHP development environmentsForge - Laravel's server management toolEnvoyer - Laravel's zero-downtime deployment toolLaracasts - Where Josh has a course on LivewireJosh Cirre's YouTube channelHTMX - Frontend library Josh compared to LivewireWeb Dev Challenge with Jason Lengstorf (featuring Josh and Amy)Josh Cirre's BlueSky account (@joshcirre)Amy's BlueSky accountBrad's BlueSky account Additional ResourcesLaravel DocumentationSvelte's new starter kit (mentioned as a good example)Nightwatch - Latest product from LaravelLaravel Vapor - Serverless deployment platform for LaravelTheo's Laravel exploration (discussed in the criticism section)Laravel BreezeLaravel JetstreamLaravel Fortify (authentication package mentioned)Adonis.js (JavaScript framework compared to Laravel)Anker USB powered hub (Josh's pick)Grether's Sugar Free Black Currant Pastilles (Josh's pick)JBL Portable Speaker (Amy's pick)
    Afficher plus Afficher moins
    53 min
  • 201 | The Backend Dilemma: Laravel's Strengths in a JavaScript World
    Apr 1 2025

    In this episode, Amy and Brad dive into the ongoing debate between Laravel and full stack JavaScript frameworks. They explore both ecosystems from their unique perspectives. Amy shares her real-world experience building a project in Laravel after working extensively with JavaScript frameworks, highlighting where each approach shines and struggles. From Laravel's backend prowess to the cognitive load of context switching between languages, this episode offers practical insights for developers weighing these technology choices.

    Show Notes

    00:00 - Intro

    01:00 - Sponsorship: Sanity

    01:59 - Origins of the Laravel vs JavaScript Discussion

    03:59 - Amy's Experience Building a Project in Laravel

    06:59 - PHP Development and Linting Experience

    11:59 - Understanding MVC Architecture

    15:00 - Challenges with JavaScript Backend Services

    18:00 - Backend Strengths of Laravel

    20:00 - Frontend Challenges in Laravel

    23:00 - Comparing Laravel and JavaScript Ecosystem Solutions

    26:59 - JavaScript Full Stack Frameworks Discussion

    30:00 - Architectural Differences Between Frameworks

    33:00 - Framework Choice Considerations

    38:59 - Picks and Plugs: Newsletter and Cameras

    42:00 - Picks and Plugs: Games and YouTube

    Links and Resources
    • Sanity.io (sponsor)
    • Laravel
    • Sam's podcast: Frontend First
    • RedwoodJS
    • Remix
    • Next.js
    • Astro
    • Supabase
    • Inngest
    • Resend (email service)
    • Postmark (email service)
    • OpenAI
    • Prisma
    • PHP Storm
    • Laravel Blade (templating language)
    • Laravel Livewire
    • Alpine.js
    • Laravel Breeze
    • Laravel Eloquent ORM
    • Adonis/AdonisJS
    • Episode 54: Why RedwoodJS is the App Framework for Startups, with David Price
    • Vite
    • Storybook
    • Amy's newsletter: Broken Comb
    • Insta360 X2 camera
    • Insta360 Go 3 camera
    • Stardew Valley (game)
    • Brad's YouTube channel
    • Cloudinary channel and Dev Hints series
    Afficher plus Afficher moins
    46 min
  • 200 | Creating Databases as Easily as Notion Pages with Prisma Postgres
    Mar 19 2025

    Join Amy, Brad, and special guest Ryan Chenkie as they unpack Prisma's expanding ecosystem of database tools. Ryan explains why Prisma launched their own hosted Postgres service and what sets it apart from competitors in the space. The trio examines Prisma's comprehensive feature set including Accelerate for connection pooling, Pulse for real-time events, and optimization tools that help identify performance bottlenecks. They also discuss the upcoming transition from Rust to TypeScript for Prisma's core engine, making it lighter and faster. If you've been curious about modern approaches to database management or wondering which ORM is right for your next project, this conversation provides practical insights and expert perspectives.

    Show Notes

    0:00 - Intro

    1:12 - Working with Prisma and Supabase

    2:29 - Prisma Postgres Introduction

    4:17 - Why Choose Postgres

    6:36 - Prisma's Database Adapter Flexibility

    8:14 - Serverless Database Architecture

    11:13 - Connection Pooling with Accelerate

    14:13 - Pulse for Real-time Database Events

    16:54 - Studio Integration in Prisma Console

    18:01 - Database Optimization Tools

    20:00 - Benefits of Prisma Schema Language

    22:10 - Prisma Schema vs SQL Definitions

    23:01 - Comparing Prisma and Drizzle

    26:24 - Future Improvements to Prisma

    28:52 - Ryan's History with Prisma

    32:05 - Learning Resources for Prisma

    33:37 - Picks and Plugs

    Links and ResourcesPrisma Resources
    • Prisma Website
    • Prisma Twitter/X
    • Prisma YouTube Channel
    • Prisma Postgres Documentation
    • Prisma Console
    • Prisma VS Code Extension
    • Prisma Accelerate
    • Prisma Pulse
    • Prisma Optimize
    • Prisma Studio
    Ryan Chenkie Resources
    • Ryan's Website: https://holodeck.run
    • Ryan's YouTube Channel: https://youtube.com/@holodeck_run
    • Ryan on Twitter/X
    Framework and Technologies Mentioned
    • Remix
    • Redwood JS
    • Supabase
    • PlanetScale
    • Drizzle ORM
    • Postgres
    • MySQL
    • MongoDB
    Brad's Resources
    • YouTube Channel: https://youtube.com/@bradgarropy
    • Remix Starter: https://github.com/bradgarropy/remix-app
    Amy's Resources
    • Build12 Projects: https://buildtwelve.com
    Other Resources Mentioned
    • Skylight Frame
    • Aura Frame
    • Netflix Show: "Making Fun"
    • Netflix Show: "Is It Cake"
    Afficher plus Afficher moins
    42 min
  • 199 | AI in Web Design: Balancing Speed with Creativity
    Mar 4 2025

    Join us as we talk with Nir Sadeh, Head of Product at Wix Studio, about the platform designed specifically for web professionals. Nir breaks down how Wix Studio differs from the traditional Wix editor by offering advanced capabilities for agencies and freelancers. Learn about their newest feature—AI-powered visual sitemaps and wireframes—that helps designers quickly create site structures and get client approval. We also explore how Wix balances no-code solutions with developer flexibility, their approach to responsive design using AI, and opportunities in the Wix app marketplace. Nir shares valuable insights about product development, user research methods, and his perspective on the impact of AI on the future of web design.

    Show Notes

    00:00 - Intro

    01:00 - Journey to becoming Head of Product

    01:48 - Transition from individual contributor to manager

    02:21 - Team structure at Wix

    03:42 - Goal setting and KPIs

    04:36 - Overview of Wix Studio

    06:08 - Web-based application functionality

    07:03 - Code editing experiences in Wix Studio

    08:07 - Client control and access capabilities

    09:02 - New features: Visual sitemap and wireframes

    10:57 - AI integration points in Wix

    12:35 - AI generating layouts and websites

    14:50 - Upcoming roadmap items

    15:54 - User creativity surprises

    16:12 - Wix app marketplace

    17:34 - Design trends and components

    18:59 - User research approach

    20:57 - Data-driven decision making

    22:16 - Balancing user preferences with brand goals

    24:02 - Career advice for aspiring product managers

    25:40 - Balancing customization and consistency

    26:44 - Mobile responsiveness and browser support

    28:06 - Native apps and business management

    28:37 - SEO tracking and analytics

    29:45 - Picks and Plugs

    Links and Resources
    1. Wix Studio - The professional website creation platform discussed throughout the episode
    2. Velo by Wix - The robust code solution mentioned at 06:45
    3. Visual Sitemap and Wireframes - The new AI feature launched by Wix Studio
    4. Wix App Market - The marketplace where developers can build and sell apps
    5. VS Code integration with Wix Studio
    6. Wix Studio AI Assistant - Mentioned as a coding help feature
    7. Figma to Wix - Mentioned as having import capabilities to Wix Studio
    Picks:
    1. Severance (TV Show) - Nir's pick
    2. Remix Dev Tools (becoming React Router DevTools) - Brad's pick
    3. AeroPress - Amy's previous pick (referenced)
    4. Prismo filter - Amy's previous pick (referenced)
    5. Milk frother - Amy's current pick

    Afficher plus Afficher moins
    34 min
  • 198 | The Great Formatting Debate: ESLint, Prettier, and TypeScript
    Feb 25 2025
    Josh Goldberg joins Amy and Brad to unpack the recent ESLint V9 release and its impact on the TypeScript ecosystem. From explaining the nuances of flat config migration to debating the proper separation between Prettier and ESLint, Josh offers practical advice for improving developer workflows. The conversation covers Josh's journey as a full-time open source maintainer, the Open Source Pledge initiative, and best practices for implementing linting in CI/CD pipelines. Plus, Josh shares behind-the-scenes details from the inaugural SquiggleConf event.Chapter Marks00:00 - Intro00:48 - Welcome Josh Goldberg01:06 - Working in open source and getting paid03:10 - The Open Source Pledge04:49 - ESLint V9 and flat config changes07:25 - Migration challenges with flat config09:52 - Understanding ESLint config format11:50 - How most people use ESLint16:20 - Prettier vs ESLint responsibilities18:47 - Conflict between Prettier and ESLint21:26 - TypeScript's role in ESLint25:01 - TypeScript ESLint packages explained27:43 - Linters for other languages29:31 - ESLint in CI/CD pipelines32:03 - Auto-fixing in different environments37:14 - AI's role in linting and formatting41:45 - SquiggleConf discussion44:15 - Conference tooling and Q&A system46:33 - Future SquiggleConf plans47:13 - Picks and PlugsBrad GarropyPick: Philips Hue smart lighting system - Set up Christmas lights with Hue smart outlets for easy control via phone or voice commandsPlug: Brad's BlueSky account - @bradgarropy.comJosh GoldbergPick: BlueSky social network - Appreciates how it feels like early Twitter without spam bots and complicated server setupsPlug: SquiggleConf - Web development tooling conference returning in September 2025Amy DuttonPick: The Inheritance Games (book) - Describes it as an easy-to-read young adult fiction with puzzles, similar to Knives OutPlug: Amy's BlueSky account - @selfteachmeLinksMentioned in the EpisodeTypeScript ESLintESLint v9 migration docsESLint Config InspectorSentry Grave $750k to Open Source MaintainersOpen Source Pledge initiativeSquiggle Conf websitePrisma PulsePhilips Hue smart lightingThe Inheritance Games (book mentioned by Amy)Social Media AccountsBrad's BlueSky account: @bradgarropy.comAmy's BlueSky account: @selfteachmeJosh Goldberg's BlueSky Account: @joshuakgoldberg.comRelated ResourcesESLint Stylistic projectESLint Config PrettierESLint Plugin Prettier"Create TypeScript Apps" project (Josh's tooling package)Awesome ESLint repo (collection of ESLint plugins)Manual to Magical: AI in Developer Tooling: Tobbe's talk on using AI to write code modsNicholas Zakas discussing the ESLint config system on Syntax podcastTools MentionedHuskyLint-stagedCursorBiome and OXLint (Rust-based linters)GitHub Actions
    Afficher plus Afficher moins
    51 min