Presentations with React and GraphQL
summary
Builds a PowerPoint-like system using React front end and GraphQL back end, with content stored as YAML/MD and exposed via GraphQL API as single source of truth so the same data generates site schedule posters and PDFs for a real conference of 800 JS developers. Implements markdown slides, image asset uploads, server-side rendering, offline-friendly PDF printing and simple virtualization plans, plus an in-browser editor that commits edits to git so changes deploy, and features like PDF print via web page and include/composition that already work in production.
AI-written summary · about
chapters (7)
- 0:00Start
- 2:32Background
- 4:53What is GraphQL?
- 7:02Design and Architecture
- 11:42Layouts
- 17:16Implement virtualization
- 19:09Lessons Learned
related talks
01h 00mPowering the Front-end with React, GraphQL and Relay
58mCrafting compelling real-time web experiences with GraphQL and React
05mYou Don't Need a Fancy Framework to Use GraphQL with React
47mReact, Relay and GraphQL — a perfectly normal component approach
26mCase Study - React Finland
06mLightning talk from Kyle Matthews
30mDesigning with React
06mUsing React for Anything but Websites