Overview
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