エピソード

  • 196 | Building the Future: Tanstack's Approach to React Server Components
    2025/02/04

    Join us as Tanner Linsley, the creator and founder of TanStack Start talks about its transition from Vinci to a more streamlined architecture built on Nitro. Learn about the framework's innovative approach to server functions, its isomorphic design philosophy, and how it differs from other frameworks like Remix. Tanner also shares insights into TanStack's sustainable open-source business model and his journey to building developer tools that prioritize user experience over rapid growth.

    Show Notes

    0:00 - Intro

    0:38 - Welcome Tanner Linsley

    3:43 - React Server Components and TanStack Evolution

    6:04 - TanStack Start Overview and Vinci Transition

    11:26 - Nitro Integration and Framework Architecture

    15:19 - Server Functions and Framework Comparisons

    20:58 - API Design Philosophy

    24:19 - Testing and Development Process

    30:58 - Team and Collaboration Discussion

    33:38 - Open Source Sponsorship Strategy

    36:32 - Netlify Partnership Announcement

    38:37 - Open Source Sustainability Discussion

    41:03 - Picks and Plugs

    Links

    Products & Tools:

    • TanStack
    • Vinxi by Nikhil Saraf
    • Nitro
    • React Router
    • TRPC
    • Remix
    • H3 (web request library)
    • XPro (Tweet Deck)
    • Deck.blue (BlueSky client)
    • MOTU M4 audio interface
    • Bamboo Lab A1 3D printer
    • Lashbrook Designs (Brad's wedding band)

    Companies & Sponsors:

    • Convex
    • Clerk
    • AG Grid
    • Sentry
    • Netlify

    Games & Entertainment:

    • Blockus (board game)
    • Severance (TV Show on Apple TV+)
    • "First Lie Wins" (book)

    Personal Projects & Links:

    • buildtwelve.com (Amy's project)
    • Brad on BlueSky (@bradgaropy.com)
    • Nozzle (Tanner's startup)

    Technical Resources:

    • Babel Dead Code Elimination (by Pedro Katori)
    • GitHub 3D Contribution Graph Generator
    • React Server Components documentation

    Other Projects Mentioned:

    • Solid Start
    • Astro
    続きを読む 一部表示
    52 分
  • 195 | Why Remix's Break is Actually a Breakthrough
    2025/01/28
    Brooks Lybrand discusses the transformation of React Router from a simple routing library to a powerful framework option for React applications. Learn about React Router 7's new framework mode, upcoming middleware support, and the team's innovative approach to React Server Components. Brooks explains how the Remix team is working to bring proven patterns and web standards to the broader React community while building a foundation for future web development that leverages native web APIs.Chapter Marks0:00 - Intro0:37 - Guest Introduction & SNL Jacket Discussion1:12 - The Remix "Nap" Announcement3:25 - Understanding React Router's Evolution7:51 - React Router Framework Mode10:21 - Middleware Support Plans15:42 - React Server Components Integration19:14 - Server-Side Capabilities & RSC Benefits24:17 - Team Size and Structure25:13 - Remix Brand & Future Direction30:19 - Future of Web APIs32:03 - Austin Remix Meetup Discussion34:54 - Community Engagement and Open Source36:19 - Picks and Plugs LinksPeople & Profiles:Brooks Lybrand's social profilesTwitterBlueSkyMichael ChanJames PerkinsRyan FlorenceEvan Bacon (mentioned for RSC mobile demo)Tools & Projects:React Router 7Remix RunRemix DiscordVite 6Cursor AI (mentioned in Amy's pick)The dev.to article about Cursor settings that Amy referencedElgato XLR Deck (Brad's pick)OXO Silicon Measuring Cup (Amy's pick)Events & Communities:Epic Web Conf (March 2024, where Brooks will be speaking)React Miami (April 2024, where Brooks will be speaking)Remix Austin MeetupTechnical Resources:React Server Components documentationRemix Project RoadmapVite's Environment API documentationBooks:The Three-Body Problem book series (Brooks' pick)Additional Resources:Netflix's Three-Body Problem show (mentioned in relation to Brooks' pick)
    続きを読む 一部表示
    43 分
  • 194 | Building Trust: Identity Security & Social Growth
    2025/01/16

    Join us for an insightful conversation with Ceora Ford about the intersection of security, development, and community building. We explore why managing identity security is more complex than simple authentication, examine the trade-offs of Next.js's App Router in enterprise applications, and uncover strategies for effective technical content creation. Ceora shares her experience transitioning from digital marketing to developer advocacy, offering practical advice for building a presence across platforms like TikTok, Twitter, and LinkedIn.

    Sponsor

    Convex is the backend for founders. Convex is the backend application platform for product-obsessed founders.

    Chapter Marks

    00:00 - Intro

    01:14 - Identity Security Discussion

    05:25 - Evolution of React and Next.js

    08:33 - Documentation and Developer Experience

    15:43 - Sponsor: [Convex](https://convex.dev)

    16:20 - Authentication in the App Router

    21:31 - Content Creation and Marketing Strategy

    27:50 - Social Media Platform Strategy

    34:51 - Analytics and Tool Discussion

    41:08 - Picks and Plugs

    • Brad
      • Pick: His dog Roman (who they had to say goodbye to at age 17)
      • Plug: Social media accounts
        • Brad on Twitter
        • Brad on BlueSky
        • Brad on YouTube
    • Bekah
      • Pick: "The Game" podcast with Alex Hormozi
      • Plug: Open Sauce (opensauced.pizza) and her team's upcoming feature launch
    • Ceora
      • Pick: "The Good Place" (TV show on Netflix)
      • Plug: Social media accounts
        • Ceora on LinkedIn
        • Ceora on Twitter
        • Ceora on BlueSky
        • Ceora on TikTok
    Links
    • Auth0 by Okta
    • Next.js
      • Auth0 documentation for Next.js integration
    • Gatsby
    • Astro
    • Convex
    • Jekyll
    • GraphQL
    • Open Sauced
    • Mark Techson
    続きを読む 一部表示
    44 分
  • 193 | Technical Leadership: Bridging the IC-Manager Gap
    2025/01/07
    In this episode of Compressed FM, Dustin Goodman shares insights from his journey from IC to engineering manager at companies like ClickUp and This Dot. The conversation explores the nuances of technical leadership, team dynamics, and the importance of understanding personal values in management. The discussion then shifts to a deep dive into React Server Components, examining their implementation challenges and potential impact on the framework ecosystem. SponsorsWix Studio combines the best of both worlds—intuitive design tools for clients and full-stack flexibility for developers. Customize every detail with your own code and take control of your projects.Chapter Marks00:00:00 - Intro00:00:42 - Sponsor: Wix Studio00:01:33 - Engineering Management Journey00:05:11 - Managing Different Experience Levels00:07:14 - Technical Skills in Management00:09:27 - Should Managers Code?00:12:19 - Managing Up vs Managing Down00:17:27 - Team Values Discussion00:20:11 - Strengths and Management Styles00:26:07 - React Server Components Introduction00:29:27 - RSC Implementation Challenges00:34:34 - GraphQL and Server Components00:39:13 - Future of React Frameworks00:43:10 - Vite 6 Discussion00:47:52 - React Community Evolution00:51:21 - Picks and PlugsAmy Dutton:Pick: Browse AI (web scraping tool with AI capabilities)Plug: Advent of CSS and Advent of JavaScript (24 coding challenges in December)Dustin Goodman:Pick: Cursor (AI-powered code editor)Plug: "Engineering Management for the Rest of Us" by Sarah DrasnerBrad Garropy:Pick: Helldivers 2 (video game)Plug: Raycast extension for Stripe (automatically fills checkouts with test cards)01:00:14 - Show Wrap-upLinksBooks Mentioned:"The Manager's Path" by Camille Fournier"Engineering Management for the Rest of Us" by Sarah DrasnerTools & Software:Wix StudioBrowse AICursor (code editor)RaycastRaycast Stripe extensionVite 6Next.jsSocial/Community:BlueSky (Brad and Amy)Bytes NewsletterConnectTech conferencePeople Referenced:Ryan BurgessGergely OroszTracy LeeDan AbramovTanner LindsleyJohn LindquistDavid KhourshidAssessment Tools:Clifton StrengthsFinderAPIs/Documentation:Stripe test cards documentationReact Server Components documentationVite documentationProjects:Advent of CSS (adventofcss.com)Advent of JavaScript (adventofjs.com)
    続きを読む 一部表示
    1 時間
  • 192 | 2024: The Tech That Changed Our Game
    2024/12/31

    Brad and Amy dive into their year-end tech reflections, discussing goal-setting strategies and Amy's ambitious Build 12 project for 2025. The hosts explore various database hosting solutions, share their favorite hardware purchases including cameras and peripherals, and examine how AI tools are reshaping development workflows. The episode concludes with insights into emerging tech trends and anticipated developments for 2025.

    Chapter Marks

    00:00 Episode introduction and host intros

    00:41 Year-end goals discussion and 12-week planning

    02:02 Amy's Build 12 project announcement

    03:01 Goal setting strategies and focus

    04:25 Brad's 2024 goals review

    05:35 Travel plans and New York City trips

    06:58 More 2024 goals: fitness, career, and finances

    08:21 Technical stack discussion

    13:22 AI tools and development workflows

    17:19 Database hosting options comparison

    25:45 Tech gear and hardware updates

    33:47 Notable tech purchases review

    43:29 AI tools and future tech discussion

    Links
    • Build Twelve, by Brian P. Moran - Amy's upcoming project
    • The 12 Week Year (book)
    • Atomic Habits, by James Clear (book)
    • The Power of Habit, by Charles Duhigg (book)
    • Supabase
    • Neon database
    • Digital Ocean
    • Turso
    • Cursor IDE
    • Remarkable Tablet (v2)
    • Oura Ring
    • Razer Basilisk V3 Pro mouse
    • Swish app for Mac
    • Nuphy Air 75 keyboard
    • Drop keyboard
    • Insta360 One camera
    • Insta360 Go 3 camera
    • Nikon ZFC camera
    • Ray Deck - Episode 182: Low-Code as a Medium For High-Speed Developers
    • Marc Lou
    • Pieter Levels
    • WorkOS
    • The Best Way to Add Authentication to Your Astro Website (Amy’s YouTube Video)
    • Comparing Frameworks - Amy's project
    • GitHub Copilot
    • Claude
    • convertkit.com
    • loops.so
    • Prisma
    続きを読む 一部表示
    53 分
  • 191 | Team Dynamics in Development: More Than Just Writing Code
    2024/12/24

    In this episode, we dive deep into the dynamics of working solo versus being part of a development team. From the ideal team composition at large companies to the challenges of maintaining open source projects, our hosts share their experiences and insights. Learn about the crucial roles of designers and product managers, the importance of documentation, and why even senior developers still Google Git commands. Whether you're a solo developer looking to collaborate or a team player wanting to improve your workflow, this episode has something for everyone.

    Chapter Marks

    00:00 - Introduction

    01:16 - The Perfect Team Composition

    02:44 - Different Approaches to Team Building

    04:37 - Working Without Designers: The FedEx Experience

    08:10 - Documentation and Project Requirements

    12:30 - The Role of Documentation in Team Success

    14:47 - Documentation's Impact on Career Growth

    15:14 - Onboarding and Documentation Connection

    16:51 - Open Source Project Management

    19:45 - Automation in Open Source

    22:34 - Deals for Devs: Managing Contributors

    25:29 - Branch Management and PR Workflows

    29:59 - Solo Development Practices

    31:21 - Git Commands and Team Workflows

    35:14 - Open Source Knowledge Barriers

    38:02 - The Importance of Admitting What You Don't Know

    39:15 - Episode Wrap-up

    Links
    • Nick Taylor's Blog Post about GitHub Code Owners - https://dev.to/opensauced/supercharge-your-repository-with-code-owners-4clg
    • B Dougie's GitHub Action for the "Take" command - https://github.com/bdougie/take-action/blob/main/action.yml
    • Chantastic's Git Course on Epic Web - https://www.epicweb.dev/tutorials/git-fundamentals
    • GitHub Documentation on Squash Merging vs Rebase Merging - https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/incorporating-changes-from-a-pull-request/about-pull-request-merges
    • Merge vs Rebase vs Squash - https://gist.github.com/mitchellh/319019b1b8aac9110fcfb1862e0c97fb
    • GitHub Issue Forms Documentation - https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/syntax-for-issue-forms
    • GitHub Pull Request Templates Guide - https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/creating-a-pull-request-template-for-your-repository
    • GitHub Code Owners Documentation - https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-owners
    • Virtual Coffee's Hacktoberfest Resources - https://hacktoberfest.virtualcoffee.io/
    • OpenSauce - https://opensauced.pizza/
    • The "Working Genius" Assessment - https://www.workinggenius.com/
    • Gun.io Work Personality Quiz - https://gun.io/workstyle/
    • Deals for Devs Project - https://www.dealsfordevs.com/
    • GitHub Actions Documentation on Release Management - https://docs.github.com/en/actions/sharing-automations/creating-actions/releasing-and-maintaining-actions
    • Conventional Commits Documentation - https://www.conventionalcommits.org/en/v1.0.0/
    続きを読む 一部表示
    40 分
  • 190 | React 19: Quality of Life Updates & What They Mean for Developers
    2024/12/18

    Join Amy and Brad as they break down the latest developments in the React ecosystem following React Conf 2024. From quality-of-life improvements in React 19 to the introduction of the new React compiler, they analyze how these changes will impact everyday development. The episode features an in-depth discussion about Remix's strategic decision to focus on React Router, the ongoing debate between JavaScript frameworks and traditional backend frameworks, and thoughtful insights into choosing the right tools for your projects. Whether you're a seasoned React developer or just getting started, this episode offers valuable perspective on the future of web development.

    Sponsors

    Sanity delivers content anywhere (just like a headless CMS).

    Beyond that, Sanity gives you total composability. A fully decoupled, real-time content back end. Entirely customizable content workspaces.

    Chapters

    00:00 - Introduction

    00:42 - Sponsor: Sanity

    02:12 - React Conf Experience

    05:00 - Conference Personalities

    08:52 - React Compiler Deep Dive

    13:20 - Remix "Taking a Nap" Discussion

    26:41 - React 19 Features

    33:54 - JavaScript vs PHP/Laravel Debate

    41:11 - Framework Decision Fatigue

    44:45 - Picks & Plugs

    続きを読む 一部表示
    49 分
  • 189 | Side Projects & Sustainable Content Creation: Finding Your Creative Energy
    2024/12/11

    In this host-only episode of Compressed FM, James Q Quick, Amy Dutton, and Bekah discuss how side projects and creative outlets can paradoxically provide energy rather than drain it. The conversation explores Bekah's ambitious 29-day writing project about open source alternatives, Amy's vlogging journey, and James's streaming experiences. They dive into the importance of finding activities that spark joy, even when juggling busy schedules and family commitments. The hosts share insights about automation tools like PipeDream, discuss the value of downtime for creativity, and emphasize the importance of sustainable work practices in tech.

    Sponsor

    Convex is the backend for founders. Convex is the backend application platform for product-obsessed founders.

    Chapters

    00:00:00 Introduction & Welcome

    00:00:39 Bekah's Open Source Writing Project

    00:02:05 Discussion of PipeDream vs Zapier

    00:05:14 Content Creation Process & AI Tools

    00:08:22 Time Management in Content Creation

    00:10:31 Flexible Work Schedules

    00:11:31 Amy's Vlogging Journey

    00:14:48 Creative Energy & Side Projects

    00:16:47 Work-Life Balance & Productivity

    00:18:20 Importance of Downtime for Creativity

    00:20:34 Efficiency in Daily Life

    00:22:02 Sponsor: Convex

    00:22:49 Deals for Dev Project Discussion

    00:25:40 Picks and Plugs Segment

    続きを読む 一部表示
    31 分