Sign in

Technology
James Q. Quick, Amy Dutton, Brad Garropy, Bekah HW
A weekly podcast about web design and development with a little zest from James Q Quick, Amy Dutton, Brad Garropy, and Bekah HW.
Total 188 episodes
Go to
187 | The Latest and Greatest Features in CSS

187 | The Latest and Greatest Features in CSS

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
50:5618/11/2024
186 | Breaking into Tech through Open Source

186 | Breaking into Tech through Open Source

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
52:3908/11/2024
185 | JavaScript Cage Match

185 | JavaScript Cage Match

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
55:4830/10/2024
184 | Laravel vs. Full Stack JavaScript: The Debate

184 | Laravel vs. Full Stack JavaScript: The Debate

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
54:2323/10/2024
183 | Auth-some Sauce: Spicing up Security

183 | Auth-some Sauce: Spicing up Security

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
37:3702/10/2024
182 | Low-Code as a Medium For High-Speed Developers

182 | Low-Code as a Medium For High-Speed Developers

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.
43:2521/08/2024
181 | How Prisma Makes Backend Development Easy

181 | How Prisma Makes Backend Development Easy

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
48:4014/08/2024
180 | Building a Custom Email Service: Why Sometimes DIY is Best

180 | Building a Custom Email Service: Why Sometimes DIY is Best

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
34:1909/08/2024
179 | From Idea to Product: Postman Labs’ Experimentation Process

179 | From Idea to Product: Postman Labs’ Experimentation Process

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 
30:1418/06/2024
178 | Inside Postman’s Journey to Build a VS Code Extension

178 | Inside Postman’s Journey to Build a VS Code Extension

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 
27:5914/06/2024
177 | An Epic Vision for Learning how to Code

177 | An Epic Vision for Learning how to Code

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 
49:4504/06/2024
176 | React Server Components with RedwoodJS

176 | React Server Components with RedwoodJS

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
45:0421/05/2024
175 | Designing Infrastructure for Product Engineers

175 | Designing Infrastructure for Product Engineers

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
53:3414/05/2024
174 | FOMO and Leveraging AI for Better Dev Productivity

174 | FOMO and Leveraging AI for Better Dev Productivity

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
54:4030/04/2024
173 | From Blog Post to VC Funding: The Story of Unkey

173 | From Blog Post to VC Funding: The Story of Unkey

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
54:0426/04/2024
172 | Building Community through Code with Tracy Lee

172 | Building Community through Code with Tracy Lee

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
38:5423/04/2024
171 | Unpacking React Server Components and 
Multi-Step Forms

171 | Unpacking React Server Components and 
Multi-Step Forms

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
01:02:5819/04/2024
170 | Exploring the Future of React with Remix: A Deep Dive

170 | Exploring the Future of React with Remix: A Deep Dive

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
57:0016/04/2024
169 |  Being Comfortable Not Knowing Everything as a Developer

169 | Being Comfortable Not Knowing Everything as a Developer

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
57:4029/02/2024
168 | How Developers Write Less Code with AI and No Code in 2024

168 | How Developers Write Less Code with AI and No Code in 2024

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
33:5220/02/2024
167 | Development Environment Management

167 | Development Environment Management

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
49:1801/02/2024
166 | Bridging the Editor and Developer Experience Gap

166 | Bridging the Editor and Developer Experience Gap

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
59:2625/01/2024
165 | 2023 Recap and Open Q & A

165 | 2023 Recap and Open Q & A

We have a great episode where all 4 cohosts look back on 2023 and look forward to whats coming in 2024.Show Notes00:00 Intro and Welcome00:53 Meet Ups and Conferences03:27 What is Virtual Coffee04:22 Bekah at OpenSauced09:52 Job Search17:44 2023 Reflections33:22 Migrating ro Remix47:49 2024 Looking Forward
55:2218/01/2024
164 | The Fear of Moving Forward

164 | The Fear of Moving Forward

Cecil joins the podcast to talk about overcoming barriers and how to help people understand the roll of developer relations.Show Notes00:00 Welcome and Intro03:42 Cicil’s Origin Story18:07 Talking Early in Your Career22:48 Layoffs28:37 Evolution of Dev Rel39:47 Picks and Plugs
47:5704/01/2024
163 | UI Development in 2024

163 | UI Development in 2024

Sam joins Brad and Amy to discuss server components, loadting states and getting into UI development.Show Notes00:00 Introduction01:15 Reusable Components07:49 Server Components31:06 Loading States45:46 Getting into UI50:32 Picks and Plugs
54:5021/12/2023
162 | Crossover Episode: Frontend Happy Hour

162 | Crossover Episode: Frontend Happy Hour

We have ALL the guests on today as Ryan and Jem join Brad, Amy, and James for a crossover episode. They discuss the tech theyre looking forward to in 2024 as well as AI topics and the impact that conferences have on a developers journey.Show Notes00:00 Introduction 00:26 Let’s Kick Off01:14 Tech Coming in 202415:40 Jevons Paradox and AI24:13 AI Pen26:07 Custom GPT30:01 Browsers34:18 Pass Keys38:32 Conference Meet Ups51:58 Picks and Plugs
59:3114/12/2023
161 | Better Form Validation with Vest

161 | Better Form Validation with Vest

Evyatar joins Compressed to talk of his love for open source, most importantly his project Vest.Show Notes00:00 Introduction 01:40 Work vs Open Source Balance04:35 Struggles of Being a Maintainer05:24 Community Involvement07:34 Need in Form Validation to Vest11:24 Core Features of Vest13:22 Formulation Libraries17:14 Connection 19:52 Usage*21:29 Full Time Open Source26:28 Emoji Picker30:54 New Projects32:29 Picks and Plugs
42:2107/12/2023
160 | Water Cooler Talk and Live Q&A

160 | Water Cooler Talk and Live Q&A

James and Amy take audience questions and discuss their favorite hot topics talking about frameworks, AI, and jobs.Sponsor###Contenful Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.Check out ContentfulHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devShow Notes00:00 Introduction01:33 Use Cases for AI07:48 Choosing Frameworks10:22 Next and Remix26:31 Money Talk for Frameworks34:45 Knowing Multiple Frameworks39:19 Landing a Job46:46 Leaving Coding51:49 Picks and Plugs
57:4030/11/2023
159 | Getting Started in Programming: An Origin Story

159 | Getting Started in Programming: An Origin Story

It’s Brads first episode as an official co-host! As we welcome Brad we get to know his story, his experience, and how he landed where he is today.Show Notes00:00 Welcome Brad (Officially)01:22 College? 13:!5 Hardest Parts17:50 Content Creation23:22 Adobe to Atlassian to the Future30:50 Interview Experience and Tips34:29 Next Steps and Goals39:48 Picks and Plugs
49:5121/11/2023
158 | Going Headless with Astro

158 | Going Headless with Astro

Maciek joins James and Brad to get deep into Astro and all the ways to go headless.Show Notes00:00 Welcome Maciek01:33 Landscape of PHP05:41 Wordpress11:15 Gateway to Headless WordPress25:47 Building on Astro27:57 Collection Framework Authors34:36 SSR and Astro37:07 Components42:55 Picks and Plugs
53:3216/11/2023
157 | Virtual DOM: Back In Block

157 | Virtual DOM: Back In Block

Aiden joins us to talk about his project, Million JS, and all the tech he's implementing with it.Show Notes00:00 Intro and Welcome Aiden02:01 Aidens Background 04:36 Expereince With React07:33 Virutal DOM09:57 Sevelte Talk 11:54 Million JS15:51 Representation of Virtual DOM17:39 Block DOM 19:01 Limitations21:18 Static Analysis29:26 Naming MillionJS30:12 Other Frameworks? 33:20 Landing Pages36:14 Marketing Stratedgies 38:27 Teams42:22 What’s Next44:37 Picks and Plugs
49:0109/11/2023
156 | Astro Beyond Static Sites: B2B SaaS Kit

156 | Astro Beyond Static Sites: B2B SaaS Kit

Yaroslav joins Compressed to give his tips and tricks on Astro and getting the most out of it.Show Notes00:00 Welcome Yaroslav01:43 Onboarding to Astro18:32 Fat Island21:17 B2B SaaS Kit29:39 Auth Services31:52 Building an App36:03 Learning Curve41:50 Picks and Plugs
48:2902/11/2023
155 | Reimagining the Terminal with Warp

155 | Reimagining the Terminal with Warp

Zach joins Amy and Brad to dig into his journey to Warp and give an inside look into what it’s capable of doing.Show Notes00:00 Introduction01:25 Lloyd’s Background02:40 Reaching Principal Level 06:10 Scaling Down 08:01 Choosing an Idea13:36 Vision for a New Terminal 16:13 Warp Feature18:13 Security21:16 Collaboration and Business Model37:21 Why Mac?39:45 Picks and Plugs
42:5226/10/2023
154 | Q & A

154 | Q & A

Brad and James address their favorite current topics like framework choices and upcoming changes with AI.SponsorShow Notes00:00 Introduction 03:58 What tools and frameworks to use? 08:15 Planning Projects11:54 Managing Jobs and Open Source Projects19:20 How to Go Full Stack23:41 Nest JS34:57 View or Astro37:12 Document Reading and Using AI42:35 Contributing to Open Source49:54 Learning to Code in the Age of AI52:39 Using GitHub to Attract Employers 58:50 Cost of AI
01:02:5119/10/2023
153 | Remote Work and Building Side Projects

153 | Remote Work and Building Side Projects

Amy and Brad host a “time out” chat about all the hot topics that are no their minds.Sponsor###Contenful Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.Check out ContentfulShow Notes00:00 Introduction00:40 Sponsor: Contentful 01:11 Welcome Matias02:08 International Remote Work and Language Barrier 08:10 Making Student Profiles Stand Out14:03 Open Source24:02 Side Projects and Work Visas29:16 Tech Stack for SoundScribe47:19 Internships and Networking53:06 Last Questions01:00:17 Picks and Plugs
01:04:0212/10/2023
152 | Water Cooler Chat

152 | Water Cooler Chat

Amy and Brad host a “time out” chat about all the hot topics that are on their minds.Show Notes00:00 Introduction00:36 DHH and Typescript13:41 TypeScript Documentary and Microsoft16:00 Back to Warp17:40 Figma Embed in Developer Tools19:18 Monitor Talk21:33 Workshop at GraphQL Conference26:24 React Server Components at Baseline Level29:28 Implementing React Server Components in Remix and Redwood41:25 Getting a CFP Accepted45:47 Bun48:51 Raycast50:51 Questions on CFPs53:14 Picks and Plugs
59:4005/10/2023
151 | Leaving a Job to Build a Company

151 | Leaving a Job to Build a Company

Zeno talks James and Amy through his YC process that brought his side project dream to real life and what it’s like being a CEO now.Sponsor###Contenful Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.Check out ContentfulShow Notes00:00 Introduction00:52 Sponsor: Contentful 01:57 Zeno’s Start08:39 Processing Negative Feedback12:08 Transition from Job to Project15:58 Being a Front End CEO24:34 Speed or Quality27:11 Intro to YC38:25 Building Something That’s Needed42:35 Picks and Plugs
49:2214/09/2023
150 | What is iCodeThis?

150 | What is iCodeThis?

In this episode Florin gives us a deep dive into iCodeThis. How it works, how it’s made and all the behind the scenes information.Show Notes00:00 Welcome and Florin01:59 iCodeThis Inspiration07:08 How it Works13:49 Submitting and Enabled Technologies25:30 Tech Stack30:55 Technical Challenges 37:12 Talking Numbers40:01 Filling the Gaps43:49 Picks and Plugs
51:0907/09/2023
149 | CSS Rocks!

149 | CSS Rocks!

Adam joins Amy to explain his love of CSS and what his curent favorite features are as well as digging into some hot takes and CSS debates.Show Notes00:00 Welcome Adam01:10 View Transitions15:20 Contrast Color and Accessibility18:18 Path to Feature Implementation 24:53 Dev Rel Interview at Google27:21 Has Tag31:37 12 Column Grid40:17 The CSS Podcast41:24 Last Thoughts42:37 Picks and Plugs
46:0131/08/2023
147 | Building Projects to Learn

147 | Building Projects to Learn

Brian, Brad, and Amy get into their preferred work flow and strategies for tackling their long lists of projects. Sponsor###Contenful Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.Check out ContentfulShow Notes00:29 Sponsor: Contentful01:00 Introduction02:58 Recent Projects04:52 Swapping Database Layers07:18 Order of Build11:48 The Project Queue16:22 Diffing and Reapplication of New Code24:33 Versioning with Headers29:45 Backend Language Talk45:17 Picks and Plugs
50:4624/08/2023
148 | Side Project to Full-Time Dream

148 | Side Project to Full-Time Dream

Elston joins James and Amy to talk about his side project turned full time job and how to make “Tiiny” dreams big.Show Notes00:00 Welcome00:39 Value of CS Degree05:09 Elston’s Work Journey to Side Projects09:41 Domains and Dead-end Projects23:35 Deciding What Features to Build27:13 Finding Balance29:25 Having Community 30:36 Company Stats of Tiiny32:13 Tech Stack39:18 Upcoming Features and Looking Ahead43:30 Picks and Plugs
53:0824/08/2023
BONUS: Having a CS Degree, Building a Resume, & Networking

BONUS: Having a CS Degree, Building a Resume, & Networking

This is a snippit of a conversation that happened before episode 146 with Jakub. James, Amy, Brad, and Jakub discuss keeping interviewing skills shart and what's important on a resume.
21:3017/08/2023
146 | Headless Commerce with Open Source

146 | Headless Commerce with Open Source

Jakub joins Amy, James, and Brad to give a look into how he uses open source as well as the start of his YouTube channel.Sponsor###Contenful Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.Check out ContentfulShow Notes00:44 Sponsor: Contentful01:15 Welcome Jakub02:38 View Storefront with Existing E-Commerce Platforms10:39 Component Libraries 17:51 Framework Talk24:03 Content Creation28:22 Teaching What You Know39:44 Picks and Plugs
50:0515/08/2023
145 | The Risks of Micro-Frontend

145 | The Risks of Micro-Frontend

Ruben speaks on how to utilize micro-frontends and why issues arise and what to do when they do.Sponsor###Contenful Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.Check out ContentfulShow Notes00:00 Introduction00:39 Sponsor: Contentfull01:12 Welcome Ruben03:35 Being at Staff Level06:25 Micro Front Ends12:36 Using Headless CMS15:33 High Level Issues19:14 From Onboarding to Micro Front Ends26:54 Bigger Breaks or Smaller Breaks41:08 Picks and Plugs
46:2603/08/2023
144 | Stop Over-Engineering Your CSS

144 | Stop Over-Engineering Your CSS

Welcome Kevin to Compressed where he discusses one of Amy's favorite topics, CSS!Show Notes00:00 Introduction03:09 Why CSS06:12 Over Engineering Your CSS13:19 New Things in CSS23:32 Style Queries24:48 CSS and Design30:16 Vanilla vs Tailwind and ROI of Learning34:51 Marketability of CSS38:03 Practice40:02 Performance Optimization43:57 AI and CSS46:50 CSS Content48:20 Picks and Plugs
56:1527/07/2023
143 | React Server Components & the Next Epoch of RedwoodJS

143 | React Server Components & the Next Epoch of RedwoodJS

Tom joins James and Amy to talk all things React and Redwood and give a convincing pitch for the very first RedwoodJS conference.Show Notes00:00 Introduction and Welcome Tom02:36 Why Redwood07:40 Coming Full Circle in Tech17:23 Cell Pattern18:38 Streaming21:19 Natural Progression29:29 Boundaries of API and UI35:34 Custom API Functions36:42 Edge Deployment40:11 Modern Databases47:43 State of React Server Components54:33 Picks and Plugs
01:05:5920/07/2023
142 | Keeping Your Team in Sync with CloudCannon

142 | Keeping Your Team in Sync with CloudCannon

Tate joins James to discuss the great features CloudCannon offers and how to integrate it into your coding experience.Show Notes00:00 Introduction and Welcome Tate01:06 Front vs Back End Balance03:09 Problem Solving with CloudCannon04:40 Onboarding Process08:23 Introspection13:00 Astro Content Collections17:38 GIT Integration21:13 Visual Editor24:42 Usage of Each Editing Experience26:37 Work in Markdown28:52 Cover Images38:48 Picks and Plugs
44:2213/07/2023
141 | The NEW Wix for Developers

141 | The NEW Wix for Developers

Amanda and Tom join the Compressed podcast to give an inside look at the low and no code option of Wix and to explain how they make website building accessible for the non developer.Show Notes00:00 Welcome and Introductions05:39 Six the No-Code Builder09:17 Does No Code Teach Coding11:37 Considerations for Non Developers16:13 Velo18:39 React and Type Script with CodeUX32:19 Front End vs Back End34:59 Running on the Edge38:18 Hot Takes on React Server Components49:12 Picks and Plugs
01:01:3306/07/2023
140 | Creating a Developer Environment in the Terminal

140 | Creating a Developer Environment in the Terminal

In this episode of Compressed FM, hosts Amy Dutton and Josh Medusky discuss creating a development environment in the terminal for web designers and developers. They talk about their personal experiences with the terminal, including initial fears and struggles, and offer tips for becoming more efficient and productive using terminal-based environments. This episode is a must-listen for anyone looking to improve their web development skills and workflow.Show Notes00:00 Introduction and Welcome Josh01:20 Experience in the Terminal05:07 IDEs08:45 PDEs12:02 Keyboard Shortcuts18:38 Automation24:40 Workflow Walkthrough34:23 Profiles in the Terminal36:15 Who is Workflow Intended For?38:19 VIM Walkthrough and Questions44:40 Feeling Overwhelmed46:53 Picks and Plugs
49:4330/06/2023
139 | A Friendly Guide to Software Development

139 | A Friendly Guide to Software Development

Leticia tells Brad and Amy about her new book, her transition into tech, and all about her experience working at Stripe.Show Notes00:00 Introduction00:43 Leticia’s Transition into Tech02:52 Languages for Learning06:29 Learning and Using Python08:26 Moving to Ruby09:06 Involvement in Communities13:32 Motivation to Change18:00 Getting to Stripe22:53 Gaining Confidence27:08 Writing a Book34:39 Travel37:26 Progression at Stripe41:23 Personal Sites49:42 Picks and Plugs
55:1615/06/2023