@nrwl/react-native
Advanced tools
npx create-nx-workspace --cli=nx --preset=empty
# Using npm
npm install --save-dev @nrwl/react-native
# Using yarn
yarn add -D @nrwl/react-native
npx nx g @nrwl/react-native:app <app-name>
When using Nx, you can create multiple applications and themes in the same workspace. If you don't want to prefix your commands with npx, install @nrwl/cli globally.
npx nx start <app-name>
This will start the bundler at http://localhost:8081.
Make sure the bundler server is running.
Android:
npx nx run-android <app-name>
iOS: (Mac only)
npx nx run-ios <app-name> --install
Note: The --install flag installs Xcode dependencies before building the iOS app. This option keeps dependencies up to date.
Android:
npx nx build-android <app-name>
iOS: (Mac only)
No CLI support yet. Run in the Xcode project. See: https://reactnative.dev/docs/running-on-device
npx nx test <app-name>
npx nx lint <app-name>
You can use a component from React library generated using Nx package for React. Once you run:
npx nx g @nrwl/react-native:lib ui-button
This will generate the UiButton component, which you can use in your app.
import { UiButton } from '@myorg/ui-button';
Usage:
npx nx [command] [app] [...options]
startStarts the JS bundler that communicates with connected devices.
--port [number]The port to listen on.
run-iosBuilds your app and starts it on iOS simulator.
--port [number]The port of the JS bundler.
--installInstall dependencies for the Xcode project before building iOS app.
--syncSync app dependencies to its package.json. On by default, use --no-sync to turn it off.
run-androidBuilds your app and starts it on iOS simulator.
--port [number]The port of the JS bundler.
--syncSync app dependencies to its package.json. On by default, use --no-sync to turn it off.
sync-depsSync app dependencies to its package.json.
--include [string]A comma-separate list of additional packages to include.
e.g. nx sync-deps [app] --include react-native-gesture,react-native-safe-area-context
Visit the Nx Documentation to learn more.
FAQs
The Nx Plugin for React Native contains generators for managing React Native applications and libraries within an Nx workspace. It provides: -Integration with libraries such as Jest, Detox, and Storybook. -Scaffolding for creating buildable libraries th
The npm package @nrwl/react-native receives a total of 38,314 weekly downloads. As such, @nrwl/react-native popularity was classified as popular.
We found that @nrwl/react-native demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
PyPI confirms no security flaws were exploited in the Ultralytics supply chain attack and highlights improvements for safer package publishing.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.