Free courses from frontend to fullstack and AI
Master Production-Ready Machine Learning, Step by Step
Overview
Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Explore the development of Facebook's new website architecture using React, GraphQL, and Relay in this 41-minute conference talk from F8 2019. Dive into the latest features of these open-source technologies, including React Suspense, and learn how they contribute to delivering a high-quality, modern web experience. Discover the team's goals, understand GraphQL's role, and examine strategies for improving data delivery, caching, and code splitting. Gain insights into the technology stack, page loading optimizations, navigation enhancements, font size considerations, and accessibility improvements implemented in the new Facebook.com design.
Syllabus
Intro
What were we trying to accomplish
What is GraphQL
Improving Data Delivery
GraphQL Relay
Cache Data
Code Splitting
Code Size Budgeting
Our Technology Stack
Page Loading
Navigations
Font Sizes
Accessibility
Taught by
Meta Developers