Session description
This workshop proposes the development of a demo social media application, "Y," using GraphQL, Relay, and React Server Components (RSC). The goal is to showcase the powerful synergy between Relay’s declarative data fetching and RSC’s server-side rendering, creating an ideal stack for scalable, performant web applications.
The demo will highlight:
- Co-location of GraphQL fragments with React components for a modular, maintainable codebase.
- Relay’s type-safe queries to efficiently fetch data for posts, comments, and user profiles.
- React Server Components to optimize server-side rendering and enable React streaming for progressive UI rendering.
- A fully functional social media app with interactive, real-time features.
Through this hands-on demo, we’ll illustrate how Relay’s fragment-based architecture and RSC’s streaming capabilities allow developers to build responsive, data-driven applications. This workshop will demonstrate the potential of these technologies for modern frontend development providing a compelling case for adopting this stack in production projects.