status-im
/
react-native
mirror of https://github.com/status-im/react-native.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Move ReactComponent out of Pods directory in EmbeddableApp 

It doesn’t seem like a good practice to tell people to create their custom
ReactComponent directory inside of the Pods/ directory. The Pods/ directory
should be limited to CocoaPods installed content, and it’s not even
accepted across the board to [check this stuff into git][1]

Therefore, let’s tune the EmbeddableApp tutorial to instruct users to
create a ReactComponent directory at the root of their project. From there,
we’ll start the development server packager to source that directory as
a JS files root. This change also improves starting this packager server,
proxying the command through npm.

[1]: 5883804e6c/Objective-C.gitignore (L20-L26)
This commit is contained in:
Andrew Sardone 2015-03-31 17:08:37 -04:00
parent 48bcbecf8c
commit f3ddef0ff3
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
docs/EmbeddedApp.md
View File

@ -41,10 +41,9 @@ There are two pieces you’ll need to set up:
1. The root JavaScript file that will contain your actual React Native app and other components
- Wrapper Objective-C code that will load up your script and create a `RCTRootView` to display and manage your React Native components
First, enter React Native's pod root directory and create **index.ios.js** inside a directory `ReactComponent`.
First, create a directory for your app’s React code and create a simple `index.ios.js` file:
```
$ cd Pods/React
$ mkdir ReactComponent
$ touch index.ios.js
```
@ -134,10 +133,10 @@ rootView.frame = self.bounds;
In root directory, we need to start React Native development server.
```
$ ./Pods/React/packager/packager.sh --root ./ReactComponents
(JS_DIR=`pwd`/ReactComponent; cd Pods/React; npm run start -- --root $JS_DIR)
```
`--root` indicates the root of your React Native apps. Here we just have one **index.ios.js**. React Native development server will use packager to create a **index.ios.bundle**. Which can be access via `http://localhost:8081/index.ios.bundle`.
This command will start up a React Native development server within our CocoaPods dependency to build our bundled script. The `--root` option indicates the root of your React Native apps – this will be our `ReactComponents` directory containing the single `index.ios.js` file. This running server will package up the `index.ios.bundle` file accessible via `http://localhost:8081/index.ios.bundle`.
## Compile And Run