From React Native Web to React Strict DOM

youtube-cover
Guest
Nicolas Gallagher
Software Engineer
@
Meta

Nicolas Gallagher (Meta) details the evolution from React Native Web (RNW) to React Strict DOM (RSD). RNW's origin wasn't to run native apps on the web; it was to bring React Native's styling constraints and "proper encapsulation" to web development, solving the unpredictable styling issues he faced at Twitter.

React Strict DOM is the next phase. It provides a shared API that aligns with web standards. For web, it's a zero-overhead syntax: a Babel plugin "flattens" RSD components (like <html.div>) directly into standard HTML tags (<div>) and compiles styling to static CSS.

This approach gives web code the "option value" of running on native. The goal is to allow developers to write component libraries once. The majority of the code runs on both platforms, while platform-specific components (like VirtualizedList) become exceptions handled by RN's forking mechanism, not the default.

Insights

Learn more about React

cover

Jun 24Article

Writing Custom Renderers for React

Learn how React renderers work, why RNTL needed a new test renderer, and what it takes to connect React Reconciler to a host environment.

cover

Dec 18Live Stream

Building iOS Live Activities With React: Inside Voltra

Learn how to build iOS Live Activities and Dynamic Island experiences using pure JSX, no Swift or native code required.

cover

Nov 21Podcast

React Foundation: New Governance Model for React and React Native

Seth Webster, Executive Director of the React Foundation, details its new governance model, Meta's role, and how partners like Callstack and Microsoft will ensure stability and scale.

cover

Apr 9Podcast

Exploring TanStack Ecosystem: From React Query to TanStack Start

Tanner Linsley breaks down TanStack’s evolution-from React Query to Start, and why client-first React apps still matter in today’s full-stack landscape.

Event Cover

Feb 20Live Stream

Create React App is Out: Exploring Alternatives & Community Proposals

CRA is now deprecated, so we explore other options for starting web React projects, going through Vite, TanStack Router, Parcel, and Rsbuild to check the developer experience.

Event Cover

Feb 13Live Stream

State of React 2024 Breakdown

Let's take a deep dive into the long-awaited State of React survey from 2024; brace yourselves for a two-hour ride.

cover

Sep 24Podcast

How to Get Started With 3D in React

Learn how to implement 3D in React apps, learn more about top libraries like React Three Fiber, and dive into WebGPU's future.

cover

Sep 9Article

The Complete Developer Guide to React 19, Part 3: Upgraded Support

Learn how React 19's new features enhance SEO, page performance, and custom elements support for better, faster web applications.

Event Cover

Sep 5Talk

Welcome to the React Universe

This is the Keynote talk presented at React Universe Conf 2024, the largest community conference that unites developers and thought leaders to explore trends, share insights, and push the boundaries of React and React Native.