BFF - GraphQL Backend-for-Frontend with React UI

on YouTube ↗22m

" summary

Claims that a GraphQL BFF dramatically cuts UI fragility by moving application logic into a middle data layer, uses concrete tools like Apollo server + React Apollo and CodeSandbox for demos, and shows schema-driven workflows that generate TypeScript types from schema so front and back share interfaces. Demo shows a single client request while the BFF issues multiple backend calls, resolves nested data (DynamoDB example), reduces over‑/under‑fetching, and largely works end‑to‑end in the live-ish demo.

AI-written summary · about

" chapters (5)

1. 0:00Introduction
2. 0:50Overview
3. 1:32BFF
4. 16:03Other GraphQL Tools
5. 19:48Why BFF

" related talks

• 49mBFF (Backend For Frontend)Uri Goldshtein · FrontMania 2018
• 27mBackends for frontends with GraphQLPavels Jelisejevs · FrontCon 2018
• 38mBFF vs GraphQL: A critical perspectiveMihaela Ghidersa · NE-RPC Back 2 Sk00l 2020
• 23mKiling BFFs with GraphQL and Next.jsRoy Derks · React Conference Live 2022
• 20mKilling BFFs with GraphQL and Next.jsRoy Derks · React Advanced 2021
• 18mIs a GraphQL BFF Necessary in a Server Side React World (RSC, SAs)?Tanmai Gopal · GraphQLConf 2023
• 23mA glimpse of GraphQL" Frontend developers’ life is easy now!"Navya Agarwal · JSFoo 2019
• 31mReimagining the frontend-backend divide thanks to GraphQLUri Goldshtein · ngVikings 2019