ptmt / react-native-macos

[deprecated in favor of https://microsoft.github.io/react-native-windows/] React Native for macOS is an experimental fork for writing desktop apps using Cocoa

Deprecation

The project is no longer maintained.

There is an Microsoft version: https://microsoft.github.io/react-native-windows/

You can run React Native on Catalyst react-native-community/discussions-and-proposals#131

React Native macOS (ex react-native-desktop)

Build macOS desktop applications using React Native.

---

<View>
  <Button onPress={() => alert('clicked!')} />
</View>

Getting Started

Node 4.x+, OS X 10.11+ required.

Previous React Native experience is highly recommended.

$ npm install react-native-macos-cli -g
$ react-native-macos init MyProject
$ cd MyProject
$ react-native-macos run-macos

If you want to add macOS target to the existing iOS/Android/Windows project, make the steps above, merge this new folder into your current React Native project, then put rn-cli.config.js in the root.

Documentation

Since React Native macOS is just a fork, you can follow the same instructions on the React Native Documentation.

Disclaimer

React Native macOS is a fork of React Native for iOS. The project is still a fairly new so proceed at your own risk.

Community Help

Please use these community resources for getting help. We use the GitHub issues for tracking bugs and feature requests and have limited bandwidth to address them.

• Ask a question on StackOverflow and tag it with react-native-macos
• Chat with us on Reactiflux in #react-native-platforms (mentioning @ptmt)
• DM @ptmt on twitter

Examples

RNTesterApp

RNTesterApp includes a set of component examples that illustrate their functionality. It also allows you to load external JavaScript bundle files through HTTP. Just copy and paste a URL into the Search Field.

Download UIExplorer

License

React Native is MIT licensed.

react-native-macos's Issues

TextInput: placeholder behavior for multiline mode

Cursor should be placed at start when clicking on placeholder, not like this:

NSGestureRecoginzer mouseDown sent twice with NSTextField in focus

In Google Inbox example the user has to paste the code with right click because the menu isn't hooked up. That is an easy fix. After this the NSTextField is the first responder.

However when I click somewhere else in the window, on any other view, I get the exact same NSMouseDown event twice in RCTTouchHandler. This causes it to throw an error because the The Touch is already recorded. It has already seen the event. I am on El Capitan.

I am trying to figure out why the same mouseDown event is sent twice to the gesture recognizer in these cases. I was able to workaround it by checking for the same event and ignoring it.

Linux support

Qt or GTK or GTK#.

Error: Cannot find module 'babel-polyfill'

Hi,

I have the following error when I launche examples 🔢

~/Documents/ReactNative/react-native-desktop-master/packager ~
module.js:340
    throw err;
    ^

Error: Cannot find module 'babel-polyfill'
    at Function.Module._resolveFilename (module.js:338:15)
    at Function.Module._load (module.js:289:25)
    at Module.require (module.js:366:17)
    at require (module.js:385:17)
    at Object.<anonymous> (/Users/Olivier/Documents/ReactNative/react-native-desktop-master/packager/babelRegisterOnly.js:11:1)
    at Module._compile (module.js:425:26)
    at Object.Module._extensions..js (module.js:432:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:313:12)
    at Module.require (module.js:366:17)
~
Process terminated. Press <enter> to close the window

Rewrite UIExplorer using OS X Human Interface Guidelines

https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/OSXHIGuidelines/

We currently have pop ups running in the webview and they aren't showing up

Is there a way to accomplish this? If not point me in the direction I will get it implemented.

Implement Window module (titlebar, sizes, styleMasks)

This is the time I wish Github had a more diverse issue/question system. Anyway, how do you add the bar at the top of apps like the example app has? I think its a setting in the xcode project but not too sure now.

Discord chat link in README doesn’t work

Consider to move all MacOS-related code into a separate folder

This will reduce an energy needed to syncing with upstream and simplify using react-native for MacOS and iOS at the same time.

RCTAsyncStorage: configure default storage location

Now it's using Documents/RCTAsyncLocalStorage_V1/ which is inconvenient in most ways.

TextInput: text alignment inside a control

TextInput height should depend on font size.

TravisCI: fix packager server problem

It stopped working a while ago, after merging with [email protected]

<unknown>:0: failed: caught "NSInternalInconsistencyException", "*** Assertion failure in -[RCTTestRunner runTest:module:initialProps:configurationBlock:expectErrorBlock:], /Users/travis/build/ptmt/react-native-desktop/Libraries/RCTTest/RCTTestRunner.m:155: RedBox error: Could not connect to development server.
Ensure the following:
- Node server is running and available on the same network - run 'npm start' from react-native root
- Node server URL is correctly set in AppDelegate

I am doing basic webview and I am getting BLACK SCREEN

Also seems to be broken in UIExplorer as well.

 * Sample React Native Desktop App
 * https://github.com/ptmt/react-native-desktop
 */
 import React from 'react-native-desktop';
 const {
   AppRegistry,
   StyleSheet,
   Text,
   View,
   WebView,
 } = React;

const mystique = React.createClass({
  render() {
    return (
      <View style={styles.container}>
        <WebView
          scrollEnabled={true}
          automaticallyAdjustContentInsets={false}
          style={styles.web}
          javaScriptEnabled={true}
          domStorageEnabled={true}
          decelerationRate="normal"
          ref={"google"}
          source={{uri: "https://google.com"}}
          startInLoadingState={true}
        />
      </View>
    );
  }
});

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'stretch',
    backgroundColor: '#F5FCFF',
  },
  web: {
    flex:1,
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

AppRegistry.registerComponent('mystique', () => mystique);

can't run react-native-desktop init <projectname>

Good day,

I'm new to node, npm and react-native, so sorry if this is dumb..

when I try...
react-native-desktop init MyProject

I get...
Looks like you installed react-native globally, maybe you meant react-native-cli?
To fix the issue, run:
npm uninstall -g react-native
npm install -g react-native-cli

I installed via
npm install git+https...... -g

Thanks

Layout become messy after alternate adding/removing views

I created a sample app for the bug. The page also contains information like screenshots.
Any idea?

SimpleChatClient problem?

I want to use react-native-desktop to develop mac app. But I open the example of it ,there is some problem:
2016-03-30 19:20:27.268 [info][tid:com.facebook.React.JavaScript][RCTJSCProfiler.m:63] JSC profiler is not supported.
2016-03-30 19:20:27.783 [fatal][tid:main] Cannot find entry file Examples/SimpleChatClient/index.osx.js in any of the roots: ["/Users/Jincheng/Desktop/MyProject"]

Image: NetworkImage SSL connection error

Currently throw an exception when loads <Image /> from https url.

Popover support

(First of all thanks for the great work.)
Any plan to support popover?

OnMouseLeave not triggered during fast hovering over.

_by @beretboat. _

• Reproduce that behavior.

Problem launching UIExplorer (Yosemite)

I just downloaded the UIExplorer and after a second or two of the main window showing, it crashed.

Here is the snippet of the error details which I thought were most useful.

*** Terminating app due to uncaught exception 'RCTFatalException: No script URL provided.', reason: 'No script URL provided.'
terminating with uncaught exception of type NSException
abort() called

And here's the first couple of backtraces...

Application Specific Backtrace 1:
0   CoreFoundation                      0x00007fff8d52c03c __exceptionPreprocess + 172
1   libobjc.A.dylib                     0x00007fff8f46b76e objc_exception_throw + 43
2   CoreFoundation                      0x00007fff8d52beed +[NSException raise:format:] + 205
3   UIExplorer                          0x000000010adcc13e UIExplorer + 115006
4   UIExplorer                          0x000000010addea0b UIExplorer + 190987
5   UIExplorer                          0x000000010addc0f6 UIExplorer + 180470
6   libdispatch.dylib                   0x00007fff8d934700 _dispatch_call_block_and_release + 12
7   libdispatch.dylib                   0x00007fff8d930e73 _dispatch_client_callout + 8
8   libdispatch.dylib                   0x00007fff8d941767 _dispatch_main_queue_callback_4CF + 861
9   CoreFoundation                      0x00007fff8d47f3f9 __CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE__ + 9
10  CoreFoundation                      0x00007fff8d43a68f __CFRunLoopRun + 2159
11  CoreFoundation                      0x00007fff8d439bd8 CFRunLoopRunSpecific + 296
12  HIToolbox                           0x00007fff8801b56f RunCurrentEventLoopInMode + 235
13  HIToolbox                           0x00007fff8801b2ea ReceiveNextEventCommon + 431
14  HIToolbox                           0x00007fff8801b12b _BlockUntilNextEventMatchingListInModeWithFilter + 71
15  AppKit                              0x00007fff8fac08ab _DPSNextEvent + 978
16  AppKit                              0x00007fff8fabfe58 -[NSApplication nextEventMatchingMask:untilDate:inMode:dequeue:] + 346
17  AppKit                              0x00007fff8fab5af3 -[NSApplication run] + 594
18  UIExplorer                          0x000000010adb398f UIExplorer + 14735
19  libdyld.dylib                       0x00007fff864bc5c9 start + 1

Thread 0 Crashed:: Dispatch queue: com.apple.main-thread
0   libsystem_kernel.dylib          0x00007fff8642f286 __pthread_kill + 10
1   libsystem_c.dylib               0x00007fff8d7be9ab abort + 129
2   libc++abi.dylib                 0x00007fff88b1ca21 abort_message + 257
3   libc++abi.dylib                 0x00007fff88b449d1 default_terminate_handler() + 267
4   libobjc.A.dylib                 0x00007fff8f46f7d6 _objc_terminate() + 103
5   libc++abi.dylib                 0x00007fff88b420a1 std::__terminate(void (*)()) + 8
6   libc++abi.dylib                 0x00007fff88b42113 std::terminate() + 51
7   libobjc.A.dylib                 0x00007fff8f46f5ff objc_terminate + 9
8   libdispatch.dylib               0x00007fff8d930e87 _dispatch_client_callout + 28
9   libdispatch.dylib               0x00007fff8d941767 _dispatch_main_queue_callback_4CF + 861
10  com.apple.CoreFoundation        0x00007fff8d47f3f9 __CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE__ + 9
11  com.apple.CoreFoundation        0x00007fff8d43a68f __CFRunLoopRun + 2159
12  com.apple.CoreFoundation        0x00007fff8d439bd8 CFRunLoopRunSpecific + 296
13  com.apple.HIToolbox             0x00007fff8801b56f RunCurrentEventLoopInMode + 235
14  com.apple.HIToolbox             0x00007fff8801b2ea ReceiveNextEventCommon + 431
15  com.apple.HIToolbox             0x00007fff8801b12b _BlockUntilNextEventMatchingListInModeWithFilter + 71
16  com.apple.AppKit                0x00007fff8fac08ab _DPSNextEvent + 978
17  com.apple.AppKit                0x00007fff8fabfe58 -[NSApplication nextEventMatchingMask:untilDate:inMode:dequeue:] + 346
18  com.apple.AppKit                0x00007fff8fab5af3 -[NSApplication run] + 594
19  com.facebook.internal.uiexplorer.local  0x000000010adb398f 0x10adb0000 + 14735
20  libdyld.dylib                   0x00007fff864bc5c9 start + 1

I tried the same thing earlier at work, which was also running Yosemite, which reacts (no pun intended) the same way as the computer I'm on now.

Launching the app again does not crash it, but the main window only displays the search box and a refresh button. The rest is just gray (see image below).

Desktop-specific APIs

Implement core APIs. Keep in mind that some most difficult could be covered by plugins.

• Application menu;
• Contexts menu;
• Custom titlebars. Now it's achieved by [[self window] setTitlebarAppearsTransparent:YES]; + NSFullSizeContentViewWindowMask;
• Keyboard Shortcuts: expose it to js + as a key equivalents for menus;
• Resizing (by dragging) areas inside window;
• Managing cursors state (loading, pointer);
• Opening files;
• Notifications;
• Undo manager;
• Toolbar icon;

LayoutAnimation support

LayoutAnimation is really handy on react-native for iOS. It does not work here because some of the code is commented in RCTUIManager.m. I assume you commented the code because NSView has no animation methods like UIView does?

Anyway I found a NSView category that simulate UIView animation methods using CoreAnimation APIs. But sadly it does not work at all. Any thoughts?

Here's my change to enable and test LayoutAnimation.

ToolTip support

Hi @ptmt, would you mind if I created a PR to add tool tip support?

OS X 10.10 CoreFoundation Linking Error

Any project in Examples gives:

dyld: Symbol not found: ___NSArray0__
  Referenced from: /Users/pvinis/Library/Developer/Xcode/DerivedData/SimpleGmailClient-atgrjgsfnmltsrhlcpirpeoibumx/Build/Products/Debug/SimpleGmailClient.app/Contents/MacOS/SimpleGmailClient
  Expected in: /System/Library/Frameworks/CoreFoundation.framework/Versions/A/CoreFoundation
 in /Users/pvinis/Library/Developer/Xcode/DerivedData/SimpleGmailClient-atgrjgsfnmltsrhlcpirpeoibumx/Build/Products/Debug/SimpleGmailClient.app/Contents/MacOS/SimpleGmailClient
(lldb)

What are the main differences between this fork and react-native?

question in title

Can't push branches to submit pull requests

Trying to push a branch to do a pull request, but getting permissions issues. Have you restricted this repo?

Problem of window resize

Just use init project, it will have the following problem:

0.2.0 checklist

📝

• ScrollView: Scrollbars isn't showed when needed;
• ScrollView: lags while fast scrolling;
• CALayer initial transformations (doesn't apply while view being created);
• CALayer Transform anchor point;
• Figure out the way to specify width and height by more dynamic way (percents?);
• TextInput: respect padding style;
• #16 <TextInput multiline={false} /> default height
• #15 Placeholder for TextInput;
• Borders: ensure layout is created before setting;
• Borders: different borders widths;
• Improve RCTRedbox expeirience and handling some kind of errors, add sourcemap;
• hitTest for custom titleBars alignment (do no rely on this)
• <ListView>

JS error when building any XCode example

this is what I get when I build any example and create a new project.

/Users/me/code/react-native-desktop/local-cli/cli.js:53
  const setupEnvScript = /^win/.test(process.platform)
  ^^^^^
SyntaxError: Use of const in strict mode.
    at exports.runInThisContext (vm.js:73:16)
    at Module._compile (module.js:443:25)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Function.Module.runMain (module.js:501:10)
    at startup (node.js:129:16)
    at node.js:814:3
Process terminated. Press <enter> to close the window

Support for multiple NSWindow instances or additionals windows

First approach: multiple windows components.

<App>
  <Window main />
  <Window />
</App>

Second approach: additional windows as a components

React.registerWindow(window1)

Debug in Chrome - "Runtime is not ready for debugging" after relaunch

This is annoying critical issue, came up only in 0.3.0+. For now, you have to turn it off and on again.

Handle <Image /> source sizes correctly

• Fix resize mode
  <Image source={require('../nick.png')} resizeMode={'contain'} />
<Image source={require('../nick.png')} style={{width: 600}} />
• Autoload sizes from bundle
• Dissapearing images mentioned by @beretboat here:

Sometimes all images just not show in component. It’s very hard to reproduce. Me and a tester see this once or twice in a few days. My is wrapped in . Clicking still works.

CLI Template

As far as I can tell the only thing left to get the cli to be able to generate a mac app is to create the proper templates. This wouldn't take very long but would require some standardization on how the applications are created. Some preliminary things are if it would be best to put some logic in an XIB or have everything wired up in code. Also the recommend distribution method for the library itself, would we want it to be distributed as a project that is downloaded and compiled with it, or a static library.

Merge back to official React Native repo

Is there any plan to merge this project the official React Native project? It would be much easier for development.

Layer backed views

Adding a backgroundColor to a view backs it with a layer.
https://github.com/ptmt/react-native-desktop/blob/master/React/Views/RCTView.m#L472

This is a natural choice. I am worried about the performance though if there are lots of views on the screen with a background color. Layer backed views are expensive. Did you consider drawing a backgroundColor or would that be worse? What about generating a backgroundColor image on the fly? Perhaps there is no easy answer here. NSView will naturally have much worse performance than UIViews.

http://stackoverflow.com/questions/30041190/nsview-performance-of-wantslayer
and
lionheart/openradar-mirror#5483

Fatal error in -[RCTBatchedBridge loadSource:] when loading from .jsbundle

I generate the bundle with command
curl 'http://localhost:8081/index.osx.bundle?platform=osx&dev=false&minify=true' -o main.jsbundle

The error message in Xcode console is:
"It looks like the implementation of DEV has changed. Update -[RCTBatchedBridge loadSource:]."

Similar error has been issued in react-native and resolved with 500ffa9. I tried the fix, it works for react-native-desktop too.

The thing is, I don't know how to sync or cherry pick changes from facebook/react-native. Suggestions?

Microsoft Windows support

For support WinXp, we chosen NW.js instead of electron.

But NW.js is a half-dead project now, with poor performance and a lot of bugs.

So I think react-native-desktop worth waiting for, not sure know to make it works on windows, maybe very difficulty.

Any planning or roadmap? thanks

Examples

• Simple email client.
• Simple chat client.

Docs

• Finish UIExplorer to be able easily try examples.
• Finish react.zone - online playground.
• Add "Getting Started" introduction;
• Fix CLI Template (#12);
• Update website task to publish API docs;

License

Need to ask somebody from Facebook about how it should be properly organized:

• Files LICENSE*.md in repository;
• Commented headers in existing and new files.

Old version of react specified

Same issue as this previous PR https://github.com/ptmt/react-native-desktop/pull/64/files

/usr/local/apps/react-native-example$ npm install -g react-native-desktop
/usr/local/bin/react-native-desktop -> /usr/local/lib/node_modules/react-native-desktop/local-cli/wrong-react-native.js
- [email protected] node_modules/react-native-desktop/node_modules/babel-polyfill/node_modules/core-js
- [email protected] node_modules/react-native-desktop/node_modules/babel-register/node_modules/core-js
/usr/local/lib
├── UNMET PEER DEPENDENCY react@^0.14.5
└─┬ [email protected] 
  ├─┬ [email protected] 
  │ ├── [email protected] 
  │ ├─┬ [email protected] 
  │ │ └── [email protected] 
  │ ├─┬ [email protected]
  │ │ └── [email protected] 
  │ └── [email protected] 
  ├─┬ [email protected] 
  │ ├── [email protected] 
  │ ├── [email protected] 
  │ ├── [email protected] 
  │ └── [email protected] 
  ├── [email protected] 
  ├── [email protected] 
  ├─┬ [email protected] 
  │ └── [email protected] 
  ├─┬ [email protected]
  │ ├─┬ [email protected]
  │ │ ├─┬ [email protected]
  │ │ │ └── [email protected] 
  │ │ ├─┬ [email protected]
  │ │ │ └─┬ [email protected]
  │ │ │   └─┬ [email protected] 
  │ │ │     └── [email protected] 
  │ │ └── [email protected] 
  │ └── [email protected] 
  ├── [email protected] 
  ├─┬ [email protected]
  │ └── [email protected] 
  ├── [email protected] 
  ├── [email protected] 
  ├─┬ [email protected]
  │ └─┬ [email protected]
  │   └── [email protected] 
  ├─┬ [email protected]
  │ ├── [email protected] 
  │ └─┬ [email protected]
  │   └─┬ [email protected]
  │     └─┬ [email protected]
  │       └── [email protected] 
  ├─┬ [email protected] 
  │ └─┬ [email protected]
  │   └── [email protected] 
  └─┬ [email protected]
    ├─┬ [email protected]
    │ ├─┬ [email protected]
    │ │ └─┬ [email protected]
    │ │   └─┬ [email protected]
    │ │     └── [email protected] 
    │ └─┬ [email protected]
    │   └─┬ [email protected]
    │     └─┬ [email protected]
    │       └── [email protected] 
    └── [email protected] 

npm WARN [email protected] requires a peer of react@^0.14.5 but none was installed.
/usr/local/apps/react-native-example$ 

Move to proper Github organization / rename project

https://github.com/ReactNativeDesktop could be irrelevant since it's not about desktop in common sense now (or yet).

Click `Debug in Chrome` will throw exception

Xcode trace:

2016-03-12 03:58:49.732 TestRND[2071:11104571] *** Terminating app due to uncaught exception 'RCTNotDesignatedInitializerException', reason: 'initWithFrame: is not implemented for the class RCTTextField'
*** First throw call stack:
(
  0   CoreFoundation                      0x00007fff977a6ae2 __exceptionPreprocess + 178
  1   libobjc.A.dylib                     0x00007fff858def7e objc_exception_throw + 48
  2   TestRND                      0x00000001000d3662 -[RCTTextField initWithFrame:] + 82
  3   AppKit                              0x00007fff846b231f -[NSView init] + 62
  4   TestRND                      0x00000001000d7b57 -[RCTTextFieldManager constantsToExport] + 55
  5   TestRND                      0x0000000100073d15 __23-[RCTModuleData config]_block_invoke + 53
  6   TestRND                      0x000000010007a72d __RCTExecuteOnMainThread_block_invoke + 29
  7   libdispatch.dylib                   0x0000000100234bf9 _dispatch_client_callout + 8
  8   libdispatch.dylib                   0x000000010024b331 _dispatch_barrier_sync_f_slow_invoke + 785
  9   libdispatch.dylib                   0x0000000100234bf9 _dispatch_client_callout + 8
  10  libdispatch.dylib                   0x000000010024c6af _dispatch_main_queue_callback_4CF + 2845
  11  CoreFoundation                      0x00007fff976eccd9 __CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE__ + 9
  12  CoreFoundation                      0x00007fff976a7d3d __CFRunLoopRun + 1949
  13  CoreFoundation                      0x00007fff976a7338 CFRunLoopRunSpecific + 296
  14  HIToolbox                           0x00007fff95c22935 RunCurrentEventLoopInMode + 235
  15  HIToolbox                           0x00007fff95c2276f ReceiveNextEventCommon + 432
  16  HIToolbox                           0x00007fff95c225af _BlockUntilNextEventMatchingListInModeWithFilter + 71
  17  AppKit                              0x00007fff846330ee _DPSNextEvent + 1067
  18  AppKit                              0x00007fff849ff943 -[NSApplication _nextEventMatchingEventMask:untilDate:inMode:dequeue:] + 454
  19  AppKit                              0x00007fff84628fc8 -[NSApplication run] + 682
  20  TestRND                      0x000000010000214a main + 234
  21  libdyld.dylib                       0x00007fff8efb45ad start + 1
  22  ???                                 0x0000000000000003 0x0 + 3
)
libc++abi.dylib: terminating with uncaught exception of type NSException

rnd version: 0.4.0

Adopt release.sh

Fix OS X 10.11.4 breaking changes

NSMenuItem has no longer supports submenu property?

Fix CI

Wait for travis-ci/travis-ci#5015 or properly link the project with dependencies to make it pass on OS X 10.10.x

stuck on welcome screen ?

love your work !

but i download the latest repo and build with XCode (Version 7.1 (7B91b))
then the project stuck like this :

so, how to run this project ?

Basic instructions on getting start

Hi, can you add just a few points on getting the examples to run in the README? Thanks, this looks so good!

Touchable* does not support Image?

Wrapping Text in Touchable* works fine. But for Image, onPress callback will not be invoked and there's no highlighting effect.

Roadmap 0.1.0

General

• Licenses: #2
• Meta: Improve Roadmap;
• Make UIExplore alive;
• Tests, CI;
• Accessability;
• Clean up;

React.proj

• RCTRedBox: fix crashes when reloading
• RCTRedBox: show SourceMap;
• RCTRedBox: show NSTableView stacktrace;
• NSWindow should be able to restore size on start;
• Loading screen (or at least loading hint);
• Replace CADisplayLink (with NSTimer or CVDisplayLink?);
• RCTUIManager: multiple Exception thrown while executing UI block:
• Keyboard shortcuts (CMD+R for refresh, CMD+D for devmenu);
• Flex;
• Borders;
• Predictable layout animation;
• Autoresizing layout; (onLayout firing)
• Problem with touch events (e.g. clicking on textbox and leaving).
• Mouse hover events;
• <Text> backgroundColor doesn't work

RCTNetworking.proj

• Resolve "Unable to load source map, RCTNetworking module is unavailable";

RCTWebSocket.proj

• Initial work

RCTText

• Display Hello World using <Text/>;
• Custom fons, fonts weight, *RCT:Text" drawRect;
• TextInput;
• TextView;