Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New heading clarifies the usage of AppRegistry #13601

Closed
wants to merge 5 commits into from
Closed

New heading clarifies the usage of AppRegistry #13601

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
09a8629
New heading clarifies the usage of AppRegistry
arvinio Apr 20, 2017
a598b95
Merge branch 'master' into patch-1
arvinio Apr 20, 2017
8557441
Merge branch 'master' into patch-1
arvinio Apr 22, 2017
3db9fa9
Merge branch 'master' into patch-1
arvinio Apr 24, 2017
79a7d8f
Merge branch 'master' into patch-1
hramos May 30, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 4 additions & 2 deletions docs/Tutorial.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,11 +44,13 @@ First of all, ES2015 (also known as ES6) is a set of improvements to JavaScript
The other unusual thing in this code example is `<Text>Hello world!</Text>`. This is JSX - a syntax for embedding XML within JavaScript. Many frameworks use a special templating language which lets you embed code inside markup language. In React, this is reversed. JSX lets you write your markup language inside code. It looks like HTML on the web, except instead of web things like `<div>` or `<span>`, you use React components. In this case, `<Text>`
is a built-in component that just displays some text.

## Component and AppRegistry
## Component

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. 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.
## AppRegistry

The call to `AppRegistry` is needed to register the root component for the whole application. You only need to call `AppRegistry.registerComponent` once in your whole app. Notice in the example above that the first argument has to be the name of your project, in our case `HelloWorldApp`. You won't be thinking about `AppRegistry` a lot. 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

Expand Down