---
title: "From React Native Web to React Strict DOM"
description: "Nicolas Gallagher (Meta) explains how React Strict DOM evolved from React Native Web, providing a shared syntax that compiles to native or web with zero overhead."
url: https://www.callstack.com/podcasts/from-react-native-web-to-react-strict-dom
updated: 2026-10-24T08:39:42.428Z
---

# From React Native Web to React Strict DOM

Nicolas Gallagher (Meta) explains how React Strict DOM evolved from React Native Web, providing a shared syntax that compiles to native or web with zero overhead.

_Guest: Nicolas Gallagher, Software Engineer @ Meta · Host: Łukasz Chludziński, Engineering Manager @ Callstack · Published 2025-11-27 · Duration 09:21 · Category: React_

Listen: [YouTube](https://youtu.be/Ol0vmCdF6Pk)

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

Here's everything we published recently on this topic.

[View all](https://www.callstack.com/insights)

- [Writing Custom Renderers for React](https://www.callstack.com/blog/writing-custom-renderers-for-react) (Jun 24 · Article): Learn how React renderers work, why RNTL needed a new test renderer, and what it takes to connect React Reconciler to a host environment.
- [Building iOS Live Activities With React: Inside Voltra](https://www.callstack.com/events/building-ios-live-activities-with-react) (Dec 18 · Live Stream): Learn how to build iOS Live Activities and Dynamic Island experiences using pure JSX, no Swift or native code required.
- [React Foundation: New Governance Model for React and React Native](https://www.callstack.com/podcasts/react-foundation-new-governance-model-for-react-and-react-native) (Nov 21 · Podcast): 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.
- [Exploring TanStack Ecosystem: From React Query to TanStack Start](https://www.callstack.com/podcasts/exploring-tanstack-ecosystem-with-tanner-linsley) (Apr 9 · Podcast): 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.
- [Create React App is Out: Exploring Alternatives & Community Proposals](https://www.callstack.com/events/create-react-app-is-out-exploring-alternatives-community-proposals) (Feb 20 · Live Stream): 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.
- [State of React 2024 Breakdown](https://www.callstack.com/events/state-of-react-2024-breakdown) (Feb 13 · Live Stream): Let's take a deep dive into the long-awaited State of React survey from 2024; brace yourselves for a two-hour ride.
- [How to Get Started With 3D in React](https://www.callstack.com/podcasts/how-to-get-started-with-3d-in-react) (Sep 24 · Podcast): Learn how to implement 3D in React apps, learn more about top libraries like React Three Fiber, and dive into WebGPU's future.
- [The Complete Developer Guide to React 19, Part 3: Upgraded Support](https://www.callstack.com/blog/the-complete-developer-guide-to-react-19-part-3-upgraded-support) (Sep 9 · Article): Learn how React 19's new features enhance SEO, page performance, and custom elements support for better, faster web applications.
- [Welcome to the React Universe](https://www.callstack.com/events/welcome-to-the-react-universe) (Sep 5 · Talk): 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.