COMPRESSEDfm

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!

Wix 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.

00:00 - Intro

00:40 - Sponsor: Wix Studio

01:42 - Discussing JavaScript Frameworks at Momentum Conference

• Michael Richardson on Twitter
• Taylor Dessyn on Twitter

02: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 Course

29: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 68

49: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.

WorkOS - 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.

00: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

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.

WorkOS - 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.

00:00 - Intro

01:15 - Introduction to WorkOS

• WorkOS
• AuthKit
• WorkOS on YouTube

02: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 Cookies

12: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 Remix

24:01 - Challenges in Documentation for Developers

• Divio's Guide to Documentation

33: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.

00: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

• OutSystems
• Mendix
• Xano
• Flutter Flow
• WeWeb
• Webflow

24:06 - Automation as a critical component of no code solutions

• Zapier
• BuildShip
• FastGen

32:00 - Discussing State Change AI’s role in the no code ecosystem

• Bubble

39: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 developers
• Bekah's Pick: Flux Footwear - Zero drop shoes ideal for walking, weightlifting, and running
• Bekah'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.

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

00:00 - Introduction and Sponsor Shoutout

00:43 - Sponsor: Convex

01:06 - Introducing Marc Hess from Prisma

• Prisma
• RedwoodJS

04: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 Documentation
• Divio's Documentation System

29:13 - Client Extensions in Prisma

• Prisma Client Extensions

37:13 - Prisma vs Drizzle Discussion

• Drizzle

44: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.

00: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

• Resend
• Episode 151: Leaving a Job to Build a Company with Zeno from Resend
• React Email

00:09:24 The Two-Week Challenge: Creating and Selling a Product

• Email Based Course

00: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 Productivity
• 50 Cent - Hustle Harder, Hustle Smarter
• Chrome Extension: YouTube Playback Speed

00:29:17 Addressing Junior Devs: Tips for Building a Strong Portfolio

• Refactoring UI

00: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.

00: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.

00: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.

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

• 0:00 - Intro
• 1:09 - Sponsor: Convex
• 2:09 - Overview of EpicWeb.dev
• 3:09 - Journey from PayPal to Epic Web
• 8:14 - Teaching Approach and Workshop App
• 10:47 - Building your own Authentication System
• 16:59 - Decision-Making and Epic Stack
• 21:35 - Launching Epic Web Conf
• 27:26 - Consistency in Teaching and Conferences
• 35:03 - Future Plans for EpicWeb.dev
• 43:16 - Picks and Plugs
  • Kent
    • Pick: 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.
  • Bekah
    • Pick: Primal Buffalo Chicken Stick
    • Plug: @opensauced on Twitter/X
  • Brad
    • Pick: Ray-Ban Wayfarer Sunglasses
    • Plug: @bradgarropy on Twitter/X
  • Amy
    • Pick: The Artists Way by Julia Cameron
    • Plug: 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.

00: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 Boots
• Tobbe's Plug: RedwoodJS
• Amy's Pick - Aeropress Go
• Amy's Plug - Broken Comb Newsletter
• James's Pick - On/Off Plug
• James's Plug - James's Newsletter