Sourcemap Explorer
Stack · npm package

react-native-web

React Native for Web

latest 0.21.2· MIT· 359 versions publishedView on npm

About

React Native for Web

reactreact-componentreact-nativeweb

Live mirror of the GitHub README. Updated whenever the repo's default branch changes.

Development monorepo

This is the development monorepo for "React Native for Web" and related projects.

Structure

  • .github
    • Contains workflows used by GitHub Actions.
    • Contains issue templates.
  • configs
    • Contains configuration files used by the monorepo tooling (compiling, linting, testing, etc.)
  • packages
  • scripts
    • Contains Node.js scripts for miscellaneous tasks.

Tasks

  • build
    • Use npm run build to run the build script in every package.
    • Use npm run build -w <package-name> to run the build script for a specific package.
  • dev
    • Use npm run dev to run the dev script in every package.
    • Use npm run dev -w <package-name> to run the dev script for a specific package.
  • test
    • Use npm run test to run tests for every package.

More details can be found in the contributing guide below.

Contributing

Development happens in the open on GitHub and we are grateful for contributions including bugfixes, improvements, and ideas.

Code of conduct

This project expects all participants to adhere to Meta's OSS Code of Conduct. Please read the full text so that you can understand what actions will and will not be tolerated.

Contributing guide

Read the contributing guide to learn about the development process, how to propose bugfixes and improvements, and how to build and test your changes to React Native for Web.

Good first issues

To help you get you familiar with the contribution process, there is a list of good first issues that contain bugs which have a relatively limited scope. This is a great place to get started.

Quick facts

Latest version0.21.2
LicenseMIT
AuthorNicolas Gallagher
Repositorygithub.com/necolas/react-native-web
Homepagegithub.com/necolas/react-native-web#readme
Installnpm install react-native-web
Direct dependencies8
Peer dependenciesreact, react-dom

Common pairings

Packages this one expects to find in the same project. Each is also a Sourcemap Explorer detection target.

reactreact-dom

How Sourcemap Explorer detects react-native-web

We catch react-native-web from two complementary signals: bundled source paths and the embedded package.json. Modern bundlers (webpack, Vite, esbuild, Rollup, Turbopack) preserve the original node_modules/react-native-web/ paths inside the JavaScript sourcemap's sources[] array — that's the canonical signal. When the matching package.json is also captured in sourcesContent[], we read the exact version field — patch number included. No regex guessing, no version inference.

  1. 1

    Confirm the site exposes sourcemaps

    In DevTools Network, check the response headers of any application script for `SourceMap` or `X-SourceMap`. Failing that, fetch the script's last 4 KB and look for a `//# sourceMappingURL=` comment.

  2. 2

    Find the package in the bundle

    Open DevTools → Network → reload. Click any application script and look at its sourcemap. Inside, search `sources[]` for entries matching `node_modules/react-native-web/` — every match confirms the package is bundled. The matching `sourcesContent[i]` for `node_modules/react-native-web/package.json` gives you the exact installed version.

  3. 3

    Read the version directly from package.json

    Run `jq -r '. as $m | $m.sources | to_entries[] | select(.value | endswith("node_modules/react-native-web/package.json")) | $m.sourcesContent[.key] | fromjson | .version' bundle.js.map`. Sourcemap Explorer automates the same query in the popup.

Recent versions

Version
Released
0.0.0
—
0.0.1
—
0.0.4
—
0.0.5
—
0.0.6
—
0.0.7
—
0.0.8
—
0.0.9
—

FAQ

What is react-native-web used for?

React Native for Web

How can I tell if a website is using react-native-web?

Open the page in Chrome with the Sourcemap Explorer extension installed and read the Stack tab. We catch `react-native-web` from two complementary signals: `node_modules/react-native-web/` paths inside the JavaScript sourcemap, and the embedded `package.json` we read for exact-version detection. Without the extension you can do the same lookup manually in DevTools — the steps are listed in the "How Sourcemap Explorer detects" section above.

What is the latest version of react-native-web?

0.21.2, as published on the npm registry. The "Recent versions" table on this page lists the most recent 8 releases with their release dates. Sourcemap Explorer reports the version actually bundled into a site, which can lag the latest release by months on real-world deployments.

Where can I read more?

Project homepage: https://github.com/necolas/react-native-web#readme. Source code: https://github.com/necolas/react-native-web. Published on npm: https://www.npmjs.com/package/react-native-web. Licensed as MIT.

Keep reading on Sourcemap Explorer

Practical guides

Detection deep dives

Alternative tools

Detected by Sourcemap Explorer

When a bundle ships sourcemaps, we read the embedded package.json for react-native-web and report the precise version. Without sourcemaps, an import / require in the page's scripts is enough to flag it.

Install free on Chrome