Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building the New Facebook.com with React, GraphQL and Relay

Meta via YouTube

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

Reviews

Start your review of Building the New Facebook.com with React, GraphQL and Relay

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.