Aurora Scharff, a software developer and Microsoft MVP from Norway, dives deep into React version 19's release. She discusses the transformative shift towards server components and why it's perfect for greenfield projects. Existing apps can leverage React Router V7 to bridge versions 18 and 19. Aurora also compares React's simple building blocks to Angular's rapid changes, highlighting new tooling like Vite that enhances the developer experience. Discover how these innovations are setting the stage for the future of web development!
React version 19 introduces server-first architecture with Server Components to enhance performance and user experience in web applications.
The podcast discusses the shift from outdated frameworks like Create React App to modern alternatives like Vite, improving developer efficiency.
Deep dives
Supporting Childhood Cancer Research
There is an initiative to support St. Jude Children's Research Hospital, presenting an opportunity to win a trip to meet a prominent artist at a major country festival. Participants who support St. Jude will have the chance to win not only tickets to the festival but also travel arrangements, food credits, and a meet and greet with the artist. This initiative highlights the importance of contributing to medical research for childhood cancer and encourages community participation. The effort aims to raise awareness and funds to assist in curing childhood ailments while engaging fans and supporters.
Advancements in 3D Content Capture
A new technology called Gaussian splatting is introduced, revolutionizing the way 3D images are captured and rendered. Unlike traditional methods that rely on vectors and triangles, Gaussian splatting allows for creating realistic 3D representations by blending blurry images in real-time. This technique promises high efficiency, enabling rendering at approximately 100 frames per second. The potential applications in gaming and 3D modeling are significant, as it simplifies the process of capturing real-world subjects and converting them into 3D models.
React Server Components and New Features
The latest version of React introduces server components, fundamentally changing how server rendering is conducted in web applications. These components operate on the server by default, enabling developers to streamline the process of fetching data and rendering UI elements, thereby improving app performance and user experience. Additionally, the new version facilitates better async capabilities, allowing applications to handle components that are not immediately ready, providing placeholders to indicate loading states. The enhancements aim to make server-side rendering more accessible and efficient for developers.
Shifts in Development Frameworks
The conversation touches on the transition from older frameworks like Create React App to modern alternatives such as Vite, which offers faster builds and improved developer experience. With the deprecation of Create React App, there are now recommended pathways for developers to adapt to new paradigms, particularly with React Server Components and frameworks like Next.js. The importance of frameworks that emphasize server-first architecture reflects a significant shift in focus towards performance and resource efficiency in web development. As new tools and methodologies continue to evolve, developers are encouraged to integrate these innovations into their projects to stay competitive.
React version 19 has been released! Carl and Richard talk to Aurora Scharff about the long-awaited version of React that incorporates React Server Components and many other features. Aurora talks about the rethink involved in switching to a server-first implementation of a React website, which is best suited for greenfield implementations. For existing React apps, you'll want to look at React Router, which has V7, incorporates Remix features, and provides a bridge between React 18 and 19. Lots of progress from the library that runs Facebook!
Get the Snipd podcast app
Unlock the knowledge in podcasts with the podcast player of the future.
AI-powered podcast player
Listen to all your favourite podcasts with AI-powered features
Discover highlights
Listen to the best highlights from the podcasts you love and dive into the full episode
Save any moment
Hear something you like? Tap your headphones to save it with AI-generated key takeaways
Share & Export
Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more
AI-powered podcast player
Listen to all your favourite podcasts with AI-powered features
Discover highlights
Listen to the best highlights from the podcasts you love and dive into the full episode