jaysoo

{
  ...
  "projects": {
    ...
    "my-native-app": {
      "tags": []
    }
  }
}

jaysoo

{
  "version": 1,
  "projects": {
    ...
    "my-native-app": {
      "root": "apps/my-native-app",
      "sourceRoot": "apps/my-native-app/src",
      "projectType": "application",
      "schematics": {},
      "architect": {

jaysoo

package com.awesomeproject;

import android.app.Application;
import android.content.Context;
import com.facebook.react.PackageList;
import com.facebook.react.ReactApplication;
import com.facebook.react.ReactInstanceManager;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.soloader.SoLoader;

jaysoo

const { withNxMetro } = require('@nrwl/react-native');

module.exports = withNxMetro({
  // Put previous config here!
});

jaysoo

{
  "presets": ["@nrwl/react/babel"],
  "plugins": [["react-native-web", { "commonjs": true }]]
}

jaysoo

import { AppRegistry } from 'react-native';
import { App } from './app/app';

AppRegistry.registerComponent('main', () => App);
AppRegistry.runApplication('main', {
  rootTag: document.getElementById('root'),
});

jaysoo

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { UiHeading } from '@acme/ui-heading';

export function App() {
  return (
    <View style={styles.box}>
      <UiHeading text="Hello World!" />
      <Text style={styles.text}>This is a demo page.</Text>
    </View>

jaysoo

import * as React from 'react';
import { SafeAreaView, StyleSheet, View, Text } from 'react-native';
import { UiHeading } from '@acme/ui-heading';

const App = () => {
  return (
    <>
      <SafeAreaView>
        <View style={styles.box}>
          <UiHeading text="Hello World!" />

jaysoo

import * as React from 'react';
import { StyleSheet, View, Text } from 'react-native';

export interface UiHeadingProps {
  text: string;
}

export const UiHeading = (props: UiHeadingProps) => {
  return (
    <View style={styles.container}>

jaysoo

const fetchUsers = createAsyncThunk(
  "users/fetch",
  (function () {
    // use `p` to ensure promises are returned in order.
    let p = Promise.resolve();
    return () => {
      // Wait for previous promise to resolve first to guarantee ordering.
      return p.then(() => {
        // Change binding to new API call.
        p = usersAPI.fetchAll();