COMPRESSEDfm

In this episode, Amy, Brad, and guest Alex dive into cutting-edge CSS features that are transforming web development. They explore container queries, logical properties, CSS layers, and scopes, sharing practical applications and browser support updates. The trio also discusses Tailwind CSS and its role in modern web design, offering spicy takes on its implementation.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 - Welcome and Introductions01:16 - Shoutout to Wix Studio03:12 - CSS as a Typed Language04:10 - The Magic of CSS Layers07:38 - Logical Properties and Global Support10:47 - Browser Wars: Who's Leading in CSS?20:24 - Container Queries in Action25:37 - CSS Scopes and Their Potential28:03 - Revolutionizing CSS: Style Queries and Beyond36:12 - Tailwind CSS: A Spicy Debate46:13 - Picks and PlugsAlex's Pick: Dropout.tv, especially Gastronauts.Alex's Plug: Speaking at Connect Tech (Atlanta) and Codemash (Ohio). Socials: @fimion (Twitter), @DangitAlex.wtf (Blue Sky)Brad's Pick: Love is Blind season and reunion episodes.Brad's Plug: New to Blue SkyAmy's Pick: Happy Little Dinosaurs board gameAmy's Plug: Freaking Full Stack workshopLinksRaindrop.ioInterop 2025 ListTailwindCSS

In this episode, Chris Nowicki shares his path from aerospace to web development and the unique challenges of transitioning into tech. Chris and James discuss how Chris got involved in the open-source project "Deals for Devs," including the tech stack, managing contributions, and handling obstacles. This episode offers a first-hand look at the value of community in development and tips for new devs on getting started in open source.SponsorPostman 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 - Intro01:08 - Chris Nowicki’s Journey into Tech02:12 - Bootcamp Experience and Structure05:07 - Breaking into Tech Through Community Involvement08:38 - Deals for Devs: The Project Origin11:10 - Sponsor Message: Postman12:06 - Tech Stack Overview for Deals for Devs13:22 - Tech Stack: Resend, React Email, Tailwind, and Xata17:00 - Prisma Integration with Xata20:00 - Challenges in Managing Community Projects23:54 - Planning and Issue Management for Deals for Devs28:00 - Feature Flags and Release Management37:15 - Subscription System Workflow45:45 - Creating a Dynamic Email Subscription System51:58 - Managing Admin and Approval for Deals52:26 - ClosingLinksOpenSaucedRedwoodJSDeals for Devs ProjectPostmanReact EmailVercelXataResendFrontend MentorLaunchDarklyGrid Iron SurvivorDev.to article on CRON jobs

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 - Intro00:40 - Sponsor: Wix Studio01:42 - Discussing JavaScript Frameworks at Momentum ConferenceMichael Richardson on TwitterTaylor Dessyn on Twitter02:54 - Momentum Conference and Cincinnati as a Tech Hub05:21 - Speaker Feedback System and Conference Experience06:12 - Key Takeaways from CSS Talk08:56 - Amy’s JavaScript Cage Match Talk and Framework Overviews11:30 - Baseline Features in Frameworks: A Comparison13:18 - Framework Longevity and Stability16:33 - Server vs. Client Rendering in JavaScript Frameworks22:01 - Framework Routers and Configuration DifferencesScott Tollinski - Svelte Course29:02 - Exploring Remix’s Data Loader Pattern34:00 - Performance Testing with Sentry37:17 - Middleware Usage in Different Frameworks40:58 - Which Frameworks Excel in Specific Use Cases?45:01 - Avoiding the Framework Spiral: Stick with a FavoriteDeveloper 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 Sponsors00:01:06 - Welcoming Aaron Francis00:02:07 - Amy's Experience with Laravel and AI00:04:12 - Aaron's Transition to Try Hard Studios00:08:02 - Production Setup and Process00:10:15 - Monetization Strategies for Try Hard Studios00:13:39 -  The Resurgence of SQLite00:18:08 - SQLite in Modern Development Workflows00:23:24 - Terso and Innovations with SQLite00:28:00 - Laravel vs. Full Stack JavaScript: The Debate00:33:16 - Integrating Laravel with Frontend Frameworks00:39:03 - Pragmatic Approaches to Web Development00:44:54 - JavaScript Ecosystem and Laravel Comparisons00:53:00 - Laravel’s Evolution to Embrace JavaScript00:54:09 - Closing Remarks

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 - Intro01:15 - Introduction to WorkOSWorkOSAuthKitWorkOS on YouTube02:23 - Comparing WorkOS with Competitors03:50 - Features of WorkOS AuthKit06:53 - WorkOS’s Evolution and Target Audience09:30 - Challenges in Implementing Auth Solutions10: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 Databases14:22 - WorkOS Integration with Astro and Remix19:50 - Key Benefits of WorkOS for Developers22:00 - Integrating AuthKit with Next and RemixSam Selikoff's YouTube Video on WorkOS + AuthKit + Remix: Using AuthKit's Headless APIs in Remix24:01 - Challenges in Documentation for DevelopersDivio's Guide to Documentation33:06 - The Future of Documentation and AI’s Role35: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 Deck01:02 - Ray’s background in data science and founding State Change AI03:01 - The concept of no code and low code and their impact on accessibility07:06 - Choosing between no code, low code, and traditional coding09:12 - Pitching no code tools to developers14:01 - When to use no code vs. custom developmentOutSystemsMendixXanoFlutter FlowWeWebWebflow24:06 - Automation as a critical component of no code solutionsZapierBuildShipFastGen32:00 - Discussing State Change AI’s role in the no code ecosystemBubble39:27 - Picks and PlugsJames'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 Shoutout00:43 - Sponsor: Convex01:06 - Introducing Marc Hess from PrismaPrismaRedwoodJS04:04 - YouTube Content Creation Tips11:24 - Introduction to Prisma and Its Products14:19 - Deep Dive into Prisma Pulse19:06 - Best Practices for DocumentationPrisma DocumentationDivio's Documentation System29:13 - Client Extensions in PrismaPrisma Client Extensions37:13 - Prisma vs Drizzle DiscussionDrizzle44: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 Intro00:00:42 James's Video on API Best PracticesYouTube Video: Stop Using JavaScript Fetch - Do This Instead!00:03:02 Amy Discusses Building a Complex Redwood Application00:08:06 James and Amy Discuss Resend and React Email IntegrationResendEpisode 151: Leaving a Job to Build a Company with Zeno from ResendReact Email00:09:24 The Two-Week Challenge: Creating and Selling a ProductEmail Based Course00:11:45 Bekah on Leadership and Communication Skills in Tech00:13:14 Planning and Executing a Two-Week Product Challenge00:20:31 Discussing Autobiographies and Productivity BooksAli Abdaal - Feel Good Productivity50 Cent - Hustle Harder, Hustle SmarterChrome Extension: YouTube Playback Speed00:29:17 Addressing Junior Devs: Tips for Building a Strong PortfolioRefactoring UI00:33:10 James on Turning DealsForDevs.com into a Resource Hub00: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 Intro01:01 What is Postman Labs?01:51 Criteria for successful experiments03:31 Understanding customer workflows04:29 Tips and tricks for rapid iteration06:16 Internal feedback and dogfooding08:02 Working in Postman Labs10:00 Postman's Commitment to R&D12:02 AI Adoption at Postman16:47 Overview of Postbot18:11 Technical details of Postbot20:16 Postman Flows21:10 AI tools and agnosticism22:07 Postbot’s availability and pricing23:09 Scaling and Team Size26:07 Customer Feedback and Features29: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 Introduction1:25 Background Story2:09 Starting the Extension3:27 Technical Challenges6:19 Synchronizing State9:20 VS Code Development Tools11:12 Developing with Electron13:05 Team Dynamics14:46 Onboarding and Quality Control17:37 Development Process19:28 Maintenance and Future Plans21:39 Feedback and Improvements23:01 User Experience25:14 PostCon 24 Highlights27: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 PlugsTobbe'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 OverviewConvex[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 Intro00:38 Sponsor: Postman1:07 Developer FOMOChantastic 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 WorkflowsAnthropropic's Prompt GuideOpenAI Prompt GuideCloudflare Playground for AI Workers31:51 Slow ProductivityEpisode 68: Developer Productivity, Featuring Brad GarropySlow Productivity by Cal NewportCal Newports Podcast: Deep QuestionsBrad's 2024 Goals47:09 Picks and PlugsAmyPick: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 BuildBradPick: 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 Intro0:47 Sponsor: Postman1:41 Background and Overview of Unkey3:20 Unkey's Features3:34 Origin Story of Unkey10:10 VC Interaction and Scaling Up16:38 Unkey's Core Features and Technical SetupMintlify for Documentation39:19 Challenges and Rewards of Startup Life45:34 Future Plans and Scaling48:16 Picks and PlugsJames 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 Overview00:00:38 - Sponsor: PostmanPostCon - April 30 - May 1, 202400:01:59 - Guest Introduction: Tracy Lee00:06:02 - Tracy Discusses Upcoming Talks at CityJS and CascadiaJS00:10:51 - Challenges with Documentation in DevelopmentMaterial Design (v3)Divio’s Documentation System00:17:08 - The Value of Asking Questions and Community SupportEpisode 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 LifeTemplate for Annual Planning Spreadsheet00:26:41 - Picks and PlugsJames: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 Intro00:00:40 Sponsored by Postman00:02:07 React Server Components00:03:12 Deep dive into RSC and Redwood JS implementation details00:04:23 Explanation of React Server Components ecosystem and challengesTheo'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 complexities00:37:05 Strategies for handling form state and validation00:45:28 Detailed considerations for different form steps and data handling00:55:49 Picks and PlugsAmy'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 Overview00:00:44 Sponsored by PostmanPostman Conference April 30 - May 1, 2024 in San Francisco00:01:14 Discussion on ESM and Development Trends00:02:25 Challenges in Package and Library Development00:03:07 Redwood JS Developments and Insights00:04:05 Release Strategies and Development PracticesRelease Tools for Redwood00:06:02 Detailed Discussion on Development Tools and Methods00:21:08 Future of Development Tools and Techniques00:25:53 Q&A on Technical Aspects and Team Dynamics00:35:48 Discussion on Single Fetch and Data Fetching Strategies00:37:17 Frameworks and Developer ChoicesBlog Post comparing Next.js App, Next.js Pages, Remix, and RedwoodJS Router00:43:46 The Future of React and Remix with RSC00:48:09 Wrap-up and Picks and Plugs SegmentBrook'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 Jumping23:29 Music Talk and Non Screen Hobbies32:58 Coreys Podcast38: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