Episodes
-
In this episode, Amy and Brad dive into the top JavaScript frameworks, weighing their strengths and weaknesses. They discuss Svelte, Astro, Next, Remix, and Redwood, comparing their rendering processes, server-side vs. client-side preferences, routing systems, and developer experiences. Perfect for developers weighing options for their next app!
SponsorWix 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.
Show Notes00:00 - Intro
00:40 - Sponsor: Wix Studio
01:42 - Discussing JavaScript Frameworks at Momentum Conference
Michael Richardson on TwitterTaylor Dessyn on Twitter02:54 - Momentum Conference and Cincinnati as a Tech Hub
05:21 - Speaker Feedback System and Conference Experience
06:12 - Key Takeaways from CSS Talk
08:56 - Amy’s JavaScript Cage Match Talk and Framework Overviews
11:30 - Baseline Features in Frameworks: A Comparison
13:18 - Framework Longevity and Stability
16:33 - Server vs. Client Rendering in JavaScript Frameworks
22:01 - Framework Routers and Configuration Differences
Scott Tollinski - Svelte Course29:02 - Exploring Remix’s Data Loader Pattern
34:00 - Performance Testing with Sentry
37:17 - Middleware Usage in Different Frameworks
40:58 - Which Frameworks Excel in Specific Use Cases?
45:01 - Avoiding the Framework Spiral: Stick with a Favorite
Developer Productivity, Episode 6849:09 - Picks and Plugs Section
-
Amy, Brad, and Aaron discuss how Laravel and JavaScript frameworks like React can coexist in a modern web development workflow. They examine the benefits of Laravel's integrated ecosystem, the pragmatism behind choosing technologies like SQLite, and the cultural differences between Laravel's "benevolent dictator" model versus the JavaScript community's preference for composability and modularity.
SponsorWorkOS - WorkOS helps you launch enterprise features like SSO and user management with ease. Thanks to the AuthKit for JavaScript, your team can integrate in minutes and focus on what truly matters—building your app.
Show Notes00:00:00 - Introduction and Sponsors
00:01:06 - Welcoming Aaron Francis
00:02:07 - Amy's Experience with Laravel and AI
00:04:12 - Aaron's Transition to Try Hard Studios
00:08:02 - Production Setup and Process
00:10:15 - Monetization Strategies for Try Hard Studios
00:13:39 - The Resurgence of SQLite
00:18:08 - SQLite in Modern Development Workflows
00:23:24 - Terso and Innovations with SQLite
00:28:00 - Laravel vs. Full Stack JavaScript: The Debate
00:33:16 - Integrating Laravel with Frontend Frameworks
00:39:03 - Pragmatic Approaches to Web Development
00:44:54 - JavaScript Ecosystem and Laravel Comparisons
00:53:00 - Laravel’s Evolution to Embrace JavaScript
00:54:09 - Closing Remarks
-
Missing episodes?
-
In this episode, Amy and Brad sit down with Michael Chan to discuss WorkOS, a tool simplifying authentication and authorization for developers. They explore how WorkOS makes complex processes like OAuth, SSO, and MFA easy to implement, compare it to other auth providers, and dive deep into AuthKit’s capabilities.
SponsorsWorkOS - WorkOS helps you launch enterprise features like SSO and user management with ease. Thanks to the AuthKit for JavaScript, your team can integrate in minutes and focus on what truly matters—building your app.
Show Notes00:00 - Intro
01:15 - Introduction to WorkOS
WorkOSAuthKitWorkOS on YouTube02:23 - Comparing WorkOS with Competitors
03:50 - Features of WorkOS AuthKit
06:53 - WorkOS’s Evolution and Target Audience
09:30 - Challenges in Implementing Auth Solutions
10:30 - Should Developers Build Their Own Auth?
Selma's Blog Post: One Does Not Simply Delete Cookies12:50 - The Cascade of Auth Decisions: Emails and Databases
14:22 - WorkOS Integration with Astro and Remix
19:50 - Key Benefits of WorkOS for Developers
22:00 - Integrating AuthKit with Next and Remix
Sam Selikoff's YouTube Video on WorkOS + AuthKit + Remix: Using AuthKit's Headless APIs in Remix24:01 - Challenges in Documentation for Developers
Divio's Guide to Documentation33:06 - The Future of Documentation and AI’s Role
35:00 - Wrap-up
-
Ray Deck, a seasoned data scientist and founder of State Change AI, talks about the evolving landscape of software development with the rise of no code and low code platforms. He explains how these tools are not just for non-technical founders but also offer significant advantages to experienced developers. The episode explores the practical applications of no code tools in business and how they can lead to faster, more efficient product development.
Show Notes00:00 - Introduction to the episode and guest Ray Deck
01:02 - Ray’s background in data science and founding State Change AI
03:01 - The concept of no code and low code and their impact on accessibility
07:06 - Choosing between no code, low code, and traditional coding
09:12 - Pitching no code tools to developers
14:01 - When to use no code vs. custom development
OutSystemsMendixXanoFlutter FlowWeWebWebflow24:06 - Automation as a critical component of no code solutions
ZapierBuildShipFastGen32:00 - Discussing State Change AI’s role in the no code ecosystem
Bubble39:27 - Picks and Plugs
James's Pick: Powerstep Inserts - High-quality shoe inserts for added comfort.James's Plug: Learn Build Teach Community - A Discord community for developersBekah's Pick: Flux Footwear - Zero drop shoes ideal for walking, weightlifting, and runningBekah's Plug: 29 Days of Open Source Series on Dev.to - Highlighting open-source alternatives to proprietary software.Ray's Pick: Ollama - Open-source platform for running large language models locally.Ray's Plug: State Change AI YouTube Channel - Focusing on the hardest projects in no code and low code. -
Marc Hess, a Developer Advocate at Prisma, talks about the evolution of Prisma from an ORM tool to a comprehensive platform for database management. The discussion includes practical advice on using Prisma, optimizing documentation, and Marc’s experience with developer advocacy. The team also explores the benefits of Prisma Pulse for real-time applications and how it compares to other ORM tools like Drizzle.
Sponsor ConvexConvex is the backend for founders. Convex is the backend application platform for product-obsessed founders.
Show Notes00:00 - Introduction and Sponsor Shoutout
00:43 - Sponsor: Convex
01:06 - Introducing Marc Hess from Prisma
PrismaRedwoodJS04:04 - YouTube Content Creation Tips
11:24 - Introduction to Prisma and Its Products
14:19 - Deep Dive into Prisma Pulse
19:06 - Best Practices for Documentation
Prisma DocumentationDivio's Documentation System29:13 - Client Extensions in Prisma
Prisma Client Extensions37:13 - Prisma vs Drizzle Discussion
Drizzle44:00 - Picks and Plugs Segment
-
In this episode of Compressed.fm, James, Amy, and Bekah delve into their current projects, share insights on smarter API calls, and discuss the intricacies of working with Redwood JS. The trio also explores the concept of a two-week challenge for creating and selling digital products, the importance of contributing to open source, and the evolving role of AI in web development.
Show Notes00:00:00 Intro
00:00:42 James's Video on API Best Practices
YouTube Video: Stop Using JavaScript Fetch - Do This Instead!00:03:02 Amy Discusses Building a Complex Redwood Application
00:08:06 James and Amy Discuss Resend and React Email Integration
ResendEpisode 151: Leaving a Job to Build a Company with Zeno from ResendReact Email00:09:24 The Two-Week Challenge: Creating and Selling a Product
Email Based Course00:11:45 Bekah on Leadership and Communication Skills in Tech
00:13:14 Planning and Executing a Two-Week Product Challenge
00:20:31 Discussing Autobiographies and Productivity Books
Ali Abdaal - Feel Good Productivity50 Cent - Hustle Harder, Hustle SmarterChrome Extension: YouTube Playback Speed00:29:17 Addressing Junior Devs: Tips for Building a Strong Portfolio
Refactoring UI00:33:10 James on Turning DealsForDevs.com into a Resource Hub
00:34:08 Conclusion
-
In this episode, James and Amy are live from Post Con 24 with Sterling Chin from Postman's Labs team. Sterling shares insights on how Postman leverages AI to build tools that enhance developer productivity. He delves into the experimental nature of Postman Labs, the importance of rapid iteration, and how they determine which features make it into production. Sterling also discusses Postbot, an AI assistant designed to streamline the API development process.
Show Notes00:00 Intro
01:01 What is Postman Labs?
01:51 Criteria for successful experiments
03:31 Understanding customer workflows
04:29 Tips and tricks for rapid iteration
06:16 Internal feedback and dogfooding
08:02 Working in Postman Labs
10:00 Postman's Commitment to R&D
12:02 AI Adoption at Postman
16:47 Overview of Postbot
18:11 Technical details of Postbot
20:16 Postman Flows
21:10 AI tools and agnosticism
22:07 Postbot’s availability and pricing
23:09 Scaling and Team Size
26:07 Customer Feedback and Features
29:03 Closing
-
This episode covers the detailed process of taking Postman’s VS Code extension from a proof of concept to a fully-fledged product. Ruben Casas shares insights on the technical hurdles, team dynamics, and the iterative development process.
Show Notes00:00 Introduction
1:25 Background Story
2:09 Starting the Extension
3:27 Technical Challenges
6:19 Synchronizing State
9:20 VS Code Development Tools
11:12 Developing with Electron
13:05 Team Dynamics
14:46 Onboarding and Quality Control
17:37 Development Process
19:28 Maintenance and Future Plans
21:39 Feedback and Improvements
23:01 User Experience
25:14 PostCon 24 Highlights
27:05 Closing
-
In this episode, Amy, Brad, and Bekah welcome back Kent C. Dodds, who shares exciting updates about his latest project, Epic Web.dev. Kent discusses the philosophy behind his comprehensive web development course, the importance of understanding foundational technologies, and the motivation behind creating Epic Web Conf. He also dives into the benefits of building your own authentication systems and the decision-making process behind the Epic Stack. The conversation is filled with insights on balancing different technologies, creating cohesive learning experiences, and the future of web development education.
SponsorsConvexConvex is the backend for founders. Convex is the backend application platform for product-obsessed founders
Show Notes0:00 - Intro1:09 - Sponsor: Convex2:09 - Overview of EpicWeb.dev3:09 - Journey from PayPal to Epic Web8:14 - Teaching Approach and Workshop App10:47 - Building your own Authentication System16:59 - Decision-Making and Epic Stack21:35 - Launching Epic Web Conf27:26 - Consistency in Teaching and Conferences35:03 - Future Plans for EpicWeb.dev43:16 - Picks and PlugsKentPick: Brandon Sanderson’s books - Particularly the Mistborn series and his involvement in the Wheel of Time series.Plug: Epic Web Conf - An exciting web development conference happening in Park City, Utah.BekahPick: Primal Buffalo Chicken StickPlug: @opensauced on Twitter/XBradPick: Ray-Ban Wayfarer SunglassesPlug: @bradgarropy on Twitter/XAmyPick: The Artists Way by Julia CameronPlug: Two Week Build -
In this episode of Compressed FM, Amy, James, and Tobbe from the Redwood JS core team explore React server components. They discuss the implementation of React server components in Redwood, the benefits, challenges, and the future of web development with this new technology.
Show Notes00:00:00 - Introduction
00:00:47 - Tobbe's Background and Role at Redwood JS
00:02:03 - Tobbe's Journey with Redwood JS
00:05:14 - Discussion on React Server Components (RSCs)
00:07:00 - Explanation of Different Rendering Methods
00:12:48 - Implementing React Server Components with Vite
00:15:22 - Technical Details of RSC Implementation
00:17:19 - Streaming and Suspense in React
00:18:28 - Future Developer Experience with Redwood and RSCs
00:19:51 - Explanation of Redwood Cells
00:22:01 - DX Considerations for RSCs in Redwood
00:24:23 - State of GraphQL in Redwood's Future
00:28:34 - GraphQL's Reputation and Challenges
00:31:17 - tRPC and TypeScript Safety with RSCs
00:34:14 - Advanced RSC Features in Redwood
00:36:31 - Server Actions and Their Role in Redwood
00:39:09 - Picks and Plugs
Tobbe's Pick: Tretorn Rubber BootsTobbe's Plug: RedwoodJSAmy's Pick - Aeropress GoAmy's Plug - Broken Comb NewsletterJames's Pick - On/Off PlugJames's Plug - James's Newsletter -
In this episode, James Quick and Amy Dutton chat with James Cowling, co-founder of Convex, about designing infrastructure for product engineers. James explains the innovative features of Convex, including its JavaScript-based queries and real-time data subscriptions, and compares it to Firebase. They also discuss the challenges of edge computing, the importance of user state, and the role of AI in modern development.
Show Notes[00:00:00] - Introduction to the Episode
[00:01:00] - James Cowling’s Background and Convex Overview
Convex[00:01:52] - Deep Dive into Convex
[00:05:29] - User State and Application Development
[00:07:05] - Challenges of Edge Computing
[00:09:53] - Automatic Caching and Real-Time Updates
[00:13:22] - AI and Backend Integration
[00:17:01] - Leveraging AI in Applications
[00:21:11] - Convex’s Infrastructure and Technology
[00:25:28] - Comparisons with Other Platforms
[00:30:03] - Server Rendering and Data Storage
[00:33:19] - Physical Challenges in Data Centers
[00:37:04] - Cost Efficiency and Cloud Platforms
[00:40:56] - Final Thoughts on Infrastructure
[00:43:30] - Picks and Plugs Introduction
[00:44:11] - James Cowling’s Picks and Plugs
[00:45:41] - Amy Dutton’s Picks and Plugs
[00:48:28] - James Quick’s Picks and Plugs
-
In this episode, hosts Amy and Brad discuss the the things they're afraid of missing out on within the dev ecosystem. Then, they discuss how they're using AI to enhance their own productivity with Custom GPTs.
SponsorsPostmanPostman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
Show Notes00:00 Intro
00:38 Sponsor: Postman
1:07 Developer FOMO
Chantastic interviews Theo: Theo's Unexpected Advice about YouTubeThe Hard Parts of Building an Application, Made Easy with SupabaseMichael Chan's Talk on Storybook: Tame the Component MultiverseReact Server Components Now in RedwoodJSEpisode 173: From Blog Post to VC Funding: The Story of Unkey22:39 AI Tools and Enhancing Workflows
Anthropropic's Prompt GuideOpenAI Prompt GuideCloudflare Playground for AI Workers31:51 Slow Productivity
Episode 68: Developer Productivity, Featuring Brad GarropySlow Productivity by Cal NewportCal Newports Podcast: Deep QuestionsBrad's 2024 Goals47:09 Picks and Plugs
Amy
Pick:Feel Good Productivity by Ali AbdaalDeep Dive: Ali Abdaal Interviews Cal NewportDeep Questions: Cal Newport Interviews Ali AbdaalDeep Dive: Ali Abdaal Interviews Jodi Cook, author of Ten Year CareerPlug: Two Week BuildBrad
Pick: Apple TVPlug: Brad Garropy on YouTube54:11 Wrap-Up
-
James Perkins, co-founder of Unkey, talks about turning a potential blog post into a full-fledged business that simplifies API management for developers. Throughout the episode, he explains the core features of Unkey, the importance of VC funding, and the realities of startup life, including balancing workloads and managing a globally distributed team.
SponsorPostmanPostman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
Attend their Upcoming Conference - April 30 - May 1, 2024 in San Francisco. Amy and James will be there in person.
Show Notes0:00 Intro
Mintlify for Documentation39:19 Challenges and Rewards of Startup Life
0:47 Sponsor: Postman
1:41 Background and Overview of Unkey
3:20 Unkey's Features
3:34 Origin Story of Unkey
10:10 VC Interaction and Scaling Up
16:38 Unkey's Core Features and Technical Setup45:34 Future Plans and Scaling
48:16 Picks and Plugs
James Perkins' Picks and Plugs:RISE Calendar (tool for managing time zones and flexible scheduling)Unkey (API management platform)Brad's Picks and Plugs:Pupford treats for puppy trainingBrad Garropy on YouTubeAmy's Picks and Plugs:Batteries for Mac AppAmy's YouTube Channel -
Tracy Lee joins the Compressed.fm to discuss the integration of AI in development, the evolution of documentation practices, and her role in leading community projects and tech innovations.
SponsorPostmanPostman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
Attend their Upcoming Conference - April 30 - May 1, 2024 in San Francisco. Amy and James will be there in person.
Show Notes00:00:00 - Introduction and Overview
PostCon - April 30 - May 1, 2024
00:00:38 - Sponsor: Postman00:01:59 - Guest Introduction: Tracy Lee
Material Design (v3)Divio’s Documentation System
00:06:02 - Tracy Discusses Upcoming Talks at CityJS and CascadiaJS
00:10:51 - Challenges with Documentation in Development00:17:08 - The Value of Asking Questions and Community Support
Episode 169 with Cory Miller, Not Knowing EverythingCode Stackr on YouTube (videos specifically on GitHub CoPilot alternatives)This VS Code AI Coding Assistant Is A Game Changer!I Cannot Believe How Good This VS Code AI Coding Assistant Is!Prompt Engineering GuidesOpenAIAnthropicImage Prompt EngineeringDallEGoogle Doc with Examples00:24:05 - Balancing Professional and Personal Life
Template for Annual Planning Spreadsheet00:26:41 - Picks and Plugs
James:Pick: KitchenAid mixerPlug: Learn Build Teach Community and Deals for Devs projectTracy:Pick: ToniesPlug: This.Dot and their engineering leadership resourcesThis Dot Labs is HiringAmy:Pick: Kidamento cameraPlug: Two Week BuildBekah:Pick: Coconut cashew crisps from AldiPlug: Virtual Coffee resources on open source00:31:15 - Closing
-
In Episode 182, hosts James and Amy delve into the intricacies of React Server Components (RSCs) and the challenges of building multi-step forms. They discuss the latest developments in RSCs, including the implementation in RedwoodJS, and share insights on managing state and validations in multi-step forms. Throughout, the hosts offer practical advice and technical deep dives, making complex topics accessible and engaging.
SponsorsPostmanPostman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
Attend their upcoming conference, April 30 - May 1, 2024 in San Francisco. Amy and James will be there in person.
Show Notes00:00:00 Intro
00:00:40 Sponsored by Postman
00:02:07 React Server Components
00:03:12 Deep dive into RSC and Redwood JS implementation details
00:04:23 Explanation of React Server Components ecosystem and challenges
Theo's YouTube Video: The Truth About React Server Components Ben Holmes and Dan Abramov Stream: Dan Abramov explores React Server Components with us!Episode 71: Secret Things, Env Vars, How to Handle API Keys Correctly00:36:03 Transition to multi-step forms and their complexities
00:37:05 Strategies for handling form state and validation
00:45:28 Detailed considerations for different form steps and data handling
00:55:49 Picks and Plugs
Amy's Pick: Full House on Hulu and HBO Max, Fuller House on NetflixAmy's Plug: Two Week BuildJames's Pick: Baking Sheet, Mat, and Cooling Rack SetJames's Plug: Learn, Build, Teach DiscordThe Happiness Lab Podcast: Episode - Where Everybody Knows Your Name -
In this episode of Compressed FM, hosts Amy Dutton and Brad Garropy are joined by Brooks Lybrand from Shopify to explore the latest in Remix and the future of React. They discuss the integration of server components, the challenges of package management, and strategies for effective software updates. The conversation also delves into the potential of React Server Components (RSC) and the role of SPA (Single Page Application) mode in web development.
SponsorsPostmanPostman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
Attend their upcoming conference, April 30 - May 1, 2024 in San Francisco. Amy and James will be there in person.
Show Notes00:00:00 Introduction and Overview
00:00:44 Sponsored by Postman
Postman Conference April 30 - May 1, 2024 in San Francisco00:01:14 Discussion on ESM and Development Trends
00:02:25 Challenges in Package and Library Development
00:03:07 Redwood JS Developments and Insights
00:04:05 Release Strategies and Development Practices
Release Tools for Redwood00:06:02 Detailed Discussion on Development Tools and Methods
00:21:08 Future of Development Tools and Techniques
00:25:53 Q&A on Technical Aspects and Team Dynamics
00:35:48 Discussion on Single Fetch and Data Fetching Strategies
00:37:17 Frameworks and Developer Choices
Blog Post comparing Next.js App, Next.js Pages, Remix, and RedwoodJS Router00:43:46 The Future of React and Remix with RSC
00:48:09 Wrap-up and Picks and Plugs Segment
Brook's Pick: Apple's Air Pods ProBrook's Plug: React RouterBrad's Pick: New Puppy (Blog Post)Brad's Plug: Brad's YouTube ChannelAmy's Pick: Deep Questions Podcast with Cal NewportAmy's Plug: Amy's YouTube Channel00:50:25 Closing
-
Cory joins all the co hosts to share about his personal projects and how he prioritizes what new tech to learn about.
Show Notes00:00 Welcome Cory and Framework Jumping
23:29 Music Talk and Non Screen Hobbies
32:58 Coreys Podcast
38:08 Picks and Plugs -
James and Adrian content creation, from starting YouTube channels to building communities. Adrian highlights the secrets he’s learned in building a private community and some of the bleeding edge technology that he’s excited about.
Show Notes[00:00:00] Introduction
[00:01:20] Content creation and community building.
[00:05:09] Image generation in AI.
[00:08:09] AI models evolving in design.
[00:12:13] Low-code, no-code tools.
[00:16:03] Website building efficiency with Wix.
Wix[00:20:32] Discord community interactions.
Merge Web Dev[00:21:34] AI creating a teams of AIs.
[00:26:18] AI converting photos into 3D.
YouTube video on Gaussian Splatting[00:29:20] Creating 3D Models from Photos.
Luma AI[00:32:26] AI art and no code.
Codex CommunityAdrian Twarog YouTube Channel -
Ivan joins James and Bekah to tell his journey to Daytona and where they’re hoping to go as they grow.
Show Notes00:00 Welcome Ivan03:30 Tying Development to Personal Interests08:05 Finding the Product Gap12:19 Acquisition, Money, Starting From Scratch17:31 Daytona20:22 What’s Under the Hood22:41 Primary Users29:09 The Team30:31 Engineering 35:46 Trying Daytona 41:31 Picks and Plugs -
Knut joins the podcast for a second time to give us the inside scoop on recent Sanity updates and what makes Sanity the above and beyond CMS.
Show Notes00:00 Welcome Knut and Intro 02:49 What is Sanity? 05:07 Building Studio from Spite12:26 New Features19:47 Tec Perspective on Sanity 24:21 Customer Satisfaction29:59 AI in Sanity 34:17 Presentation Mode39:09 Looking to 202444:15 Picks and Plugs - Show more
