22.2K ·GitHub
What is this?
React Native for Web is a set of cross-platform React UI packages; this repository is the development monorepo where the react-native-web package and related projects are built.
React Native for Web is a set of cross-platform React UI packages; this repository is the development monorepo where the react-native-web package and related projects are built.Is this something I install into my app, or a full application on its own?It is a library, not an app: react-native-web ships as React UI packages you use as a dependency, and this repo is the dev monorepo holding those packages together with their build, lint and test tooling.
It is a library, not an app: react-native-web ships as React UI packages you use as a dependency, and this repo is the dev monorepo holding those packages together with their build, lint and test tooling.How do I get the project running locally?Clone the repo and use the npm scripts: npm run build compiles every package (npm run build -w targets a single one), npm run dev runs dev builds, and npm run test executes the test suite.
Clone the repo and use the npm scripts: npm run build compiles every package (npm run build -w targets a single one), npm run dev runs dev builds, and npm run test executes the test suite.What do I need installed to build and work on it?A standard Node.js and npm environment — the packages are managed as npm workspaces — plus Flow for type checking, ESLint for linting and Prettier for formatting.
A standard Node.js and npm environment — the packages are managed as npm workspaces — plus Flow for type checking, ESLint for linting and Prettier for formatting.Does this repo show me how to use the components in my own app?No — it documents development rather than usage: the README covers repo structure, build, tests and the contribution workflow, while the contributing guide describes the development process; there is no app-level install or API guide here.
No — it documents development rather than usage: the README covers repo structure, build, tests and the contribution workflow, while the contributing guide describes the development process; there is no app-level install or API guide here.Where do the components actually run — just the browser, or native mobile too?They render in the browser via react-dom — the main package is react-native-web — and the project bills itself as cross-platform React UI, so the components are shared across web and React Native.
They render in the browser via react-dom — the main package is react-native-web — and the project bills itself as cross-platform React UI, so the components are shared across web and React Native.What does the monorepo actually contain?Four folders: .github with GitHub Actions workflows and issue templates, configs with the shared tooling configuration, packages holding react-native-web and the other packages, and scripts with Node.js helper scripts for miscellaneous tasks.
Four folders: .github with GitHub Actions workflows and issue templates, configs with the shared tooling configuration, packages holding react-native-web and the other packages, and scripts with Node.js helper scripts for miscellaneous tasks.How does the project catch React-related breakage?Continuous integration runs a react-integration workflow alongside tests, labels and performance checks, so changes are validated against real React integration scenarios, not just the unit test suite.
Continuous integration runs a react-integration workflow alongside tests, labels and performance checks, so changes are validated against real React integration scenarios, not just the unit test suite.What are similar projects?tamagui, chakra-ui, styled-components, Libraries.dev, react-native-ui-kitten, react-bootstrap, Semantic-UI-React, react-slick
tamagui, chakra-ui, styled-components, Libraries.dev, react-native-ui-kitten, react-bootstrap, Semantic-UI-React, react-slickWhich topics is it in?react-native-web, css-in-js, gui-framework, react-components, react-native, monorepo, component-library, javascript-library, ui-components, mobile, ui, web-development
react-native-web, css-in-js, gui-framework, react-components, react-native, monorepo, component-library, javascript-library, ui-components, mobile, ui, web-development