-

Amsterdam, Netherlands
Back to Schedule

Saihajpreet Singh

Workshop: Social Media App "Y" with GraphQL, Relay, and React Server Components

IJzaal
Workshop

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.


Session speakers

Saihajpreet Singh

The Guild, Head of Growth & Product Engineering - Stellate

returning speaker

I’ve been active in the GraphQL community for years, maintaining many projects. I also support the ecosystem through efforts like managing GraphQL Weekly, representing The Guild in the GraphQL Foundation, and driving broader community initiatives, balancing technical leadership with community engagement.

Get your ticket

Join three transformative days of expert insights and innovation to shape the next decade of APIs!

Get tickets
COMMUNITYDEVELOPER EXPERIENCEAPIsTOOLS & LIBRARIESCOMMUNITYDEVELOPER EXPERIENCEAPIsTOOLS & LIBRARIES
OPEN SOURCEFEDERATIONECOSYSTEMSTRACING & OBSERVABILITYOPEN SOURCEFEDERATIONECOSYSTEMSTRACING & OBSERVABILITY
BEST PRACTICESWORKSHOPSSCHEMASSECURITYBEST PRACTICESWORKSHOPSSCHEMASSECURITY