kylefang/react-native
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native.git synced 2026-04-21 02:26:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update examples in docs and address version lag of CRNA

Browse Source 
Summary:
cc hramos

Pretty sure I've hit all of the places where AppRegistry is called in CRNA-pastable examples. Let me know whether you think we need to approach the version lag differently, I figure a caveat is as natural a place to call it out as any.

If you end up finding anything else that needs tweaking before cherry picking, I'm happy to push that up here too.
Closes https://github.com/facebook/react-native/pull/13744

Differential Revision: D5071038

Pulled By: hramos

fbshipit-source-id: 4a4a6f2a73079aca627f17d75a4e4b395ecbd4a8
This commit is contained in:
Adam Perry
2017-05-16 23:43:46 -07:00
committed by Facebook Github Bot
parent af949877e6
commit ca2d57c744
14 changed files with 47 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/Tutorial.md
View File

@@ -21,7 +21,7 @@ In accordance with the ancient traditions of our people, we must first build an
import React, { Component } from 'react';
import { AppRegistry, Text } from 'react-native';
class AwesomeProject extends Component {
export default class HelloWorldApp extends Component {
render() {
return (
<Text>Hello world!</Text>
@@ -29,7 +29,8 @@ class AwesomeProject extends Component {
}
}
AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);
// skip this line if using Create React Native App
AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);
```
If you are feeling curious, you can play around with sample code directly in the web simulators. You can also paste it into your `index.ios.js` or `index.android.js` file to create a real app on your local machine.
@@ -47,7 +48,7 @@ is a built-in component that just displays some text.
So this code is defining `HelloWorldApp`, a new `Component`, and it's registering it with the `AppRegistry`. When you're building a React Native app, you'll be making new components a lot. Anything you see on the screen is some sort of component. A component can be pretty simple - the only thing that's required is a `render` function which returns some JSX to render.
The `AppRegistry` just tells React Native which component is the root one for the whole application. You won't be thinking about `AppRegistry` a lot - there will probably just be one call to `AppRegistry.registerComponent` in your whole app. It's included in these examples so you can paste the whole thing into your `index.ios.js` or `index.android.js` file and get it running.
The `AppRegistry` just tells React Native which component is the root one for the whole application. You won't be thinking about `AppRegistry` a lot - there will probably just be one call to `AppRegistry.registerComponent` in your whole app. It's included in these examples so you can paste the whole thing into your `index.ios.js` or `index.android.js` file and get it running. If you have a project from Create React Native App, this is handled for you and it's not necessary to call AppRegistry in your code.
## This App Doesn't Do Very Much