171 | Unpacking React Server Components and Multi-Step Forms
04/19/24 • 62 min
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.
Sponsors
Postman
Postman 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 Notes
00: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 Correctly
00: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 Netflix
- Amy's Plug: Two Week Build
- James's Pick: Baking Sheet, Mat, and Cooling Rack Set
- James's Plug: Learn, Build, Teach Discord
- The Happiness Lab Podcast: Episode - Where Everybody Knows Your Name
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.
Sponsors
Postman
Postman 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 Notes
00: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 Correctly
00: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 Netflix
- Amy's Plug: Two Week Build
- James's Pick: Baking Sheet, Mat, and Cooling Rack Set
- James's Plug: Learn, Build, Teach Discord
- The Happiness Lab Podcast: Episode - Where Everybody Knows Your Name
Previous Episode
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.
Sponsors
Postman
Postman 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 Notes
00:00:00 Introduction and Overview
00:00:44 Sponsored by Postman
- Postman Conference April 30 - May 1, 2024 in San Francisco
00: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
00: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
00: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 Pro
- Brook's Plug: React Router
- Brad's Pick: New Puppy (Blog Post)
- Brad's Plug: Brad's YouTube Channel
- Amy's Pick: Deep Questions Podcast with Cal Newport
- Amy's Plug: Amy's YouTube Channel
00:50:25 Closing
Next Episode
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.
Sponsor
Postman
Postman 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 Notes
00:00:00 - Introduction and Overview
00:00:38 - Sponsor: Postman
- PostCon - April 30 - May 1, 2024
00:01:59 - Guest Introduction: Tracy Lee
00:06:02 - Tracy Discusses Upcoming Talks at CityJS and CascadiaJS
00:10:51 - Challenges with Documentation in Development
00:17:08 - The Value of Asking Questions and Community Support
- Episode 169 with Cory Miller, Not Knowing Everything
- Code Stackr on YouTube (videos specifically on GitHub CoPilot alternatives)
- Prompt Engineering Guides
- Image Prompt Engineering
00:24:05 - Balancing Professional and Personal Life
00:26:41 - Picks and Plugs
- James:
- Pick: KitchenAid mixer
- Plug: Learn Build Teach Community and Deals for Devs project
- Tracy:
- Amy:
- Pick: Kidamento camera
- Plug: Two Week Build
- Bekah:
- Pick: Coconut cashew crisps from Aldi
- Plug: Virtual Coffee resources on open source
00:31:15 - Closing
If you like this episode you’ll love
Design Better
UI Breakfast: UI/UX Design and Product Strategy
CodeWinds - Leading edge web developer news and training | javascript / React.js / Node.js / HTML5 / web development - Jeff Barczewski
UI Narrative: UX, UI, IxD, Design and Research
Joomla Beat Podcast | Web design, development, online marketing, social media & website management
Episode Comments
Generate a badge
Get a badge for your website that links back to this episode
<a href="https://goodpods.com/podcasts/compressedfm-218466/171-unpacking-react-server-components-and-multi-step-forms-49481780"> <img src="https://storage.googleapis.com/goodpods-images-bucket/badges/generic-badge-1.svg" alt="listen to 171 | unpacking react server components and multi-step forms on goodpods" style="width: 225px" /> </a>
Copy