jaysoo

import React from 'react';
import './about.css';
import Title from '../components/title';
/* eslint-disable-next-line */
export interface AboutProps {
}
export const About = (props: AboutProps) => {
  return (
    <div>
      <Title/>

jaysoo

import React from 'react';
import './title.css';
/* eslint-disable-next-line */
export interface TitleProps {}
export const Title = (props: TitleProps) => {
  return (
    <div>
      <h1>Welcome to Title!</h1>
    </div>
  );

jaysoo

{
  "extends": "../../tsconfig.base.json"
  ... 
}

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>