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

YouTube

How Meta Rebuilt React and The Future of Cross-Platform

React Conferences by GitNation via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Explore how Meta's engineering team rebuilt React's architecture and discover the future of cross-platform development in this 33-minute conference talk featuring Nicolas Gallagher from Meta. Gain insights into the evolution from rebuilding Twitter.com to developing React Strict DOM, Meta's solution for unified Web and Native development that eliminates translation layers and solves CSS encapsulation challenges. Learn about the origins of the CSS-in-JS movement, the vision behind React Native for Web, and how universal apps like Bluesky are shaping the development landscape. Understand why Web Components lack true encapsulation and how React Strict DOM addresses CSS loading order chaos while providing a resilient framework for AI-powered coding environments. Discover how Meta quantifies framework success by measuring saved development years and examine real-world case studies including the context behind Airbnb's widely-discussed article. Explore the transition from manual optimization to automated performance through the React Compiler, the mathematical shift from class components to hooks, and how future hook abstractions will align with human thinking patterns. Delve into Meta's approach to brownfield applications that mix native and React components, the critical role of Expo in React Native's ecosystem, and Meta's open source strategy for sharing React Strict DOM. Gain perspective on leadership transitions from individual contributor to technical director, the importance of coding in diverse environments, and practical advice for embracing cross-platform development in the next five years of bringing DOM APIs to native platforms.

Syllabus

- Intro
- Event Systems & High-Level Gestures: R&D inside Meta
- Rebuilding Twitter.com: Why React was the Natural Fit
- The CSS Scaling Nightmare: Origins of the CSS-in-JS Movement
- React Native for Web: The Vision of Unified Rendering
- Bluesky & The Rise of Universal Apps
- Deep Dive: What is React Strict DOM?
- Why Web Components Lack True Encapsulation
- Solving the CSS Loading Order Chaos
- Coding in the AI Era: Why LLMs Need Resilient Frameworks
- How Meta Measures Framework Success: Quantifying Saved Years
- Success Stories vs. Context: The Truth About Airbnb’s Article
- Brownfield Applications: Mixing Native and React Today
- Performance vs. DX: The React Compiler Promise
- From Class Components to Hooks: The Mathematical Shift
- The Future of Hooks: Aligning with Human Abstractions
- Learning by Osmosis: AI as a Coding Companion
- React Summit: The Power of the Hallway Track
- The Next 5 Years: Bringing DOM APIs to Native
- Why Expo is Critical for React Native’s Success
- Meta’s Open Source Strategy: Why Share Strict DOM?
- Coding on a Sofa: Why Unusual Environments Matter
- Leadership in Tech: From IC to Technical Director
- Parting Words: Give Cross-Platform a Try

Taught by

React Conferences by GitNation

Reviews

Start your review of How Meta Rebuilt React and The Future of Cross-Platform

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.