React Native 一个开始

React Native是Facebook开源的一个移动端开发框架。Facebook用js封装了大量的原生控件，让开发可以用React.js开发移动端App。

我们可以在React中文网查看开发环境的搭建。

http://reactnative.cn/docs/0.44/getting-started.html#content

搭建完环境后，我们可以看到一个极简的demo:

import React, { Component } from 'react';
import { AppRegistry, Text } from 'react-native';

class HelloWorldApp extends Component {
  render() {
    return (
      <Text>Hello React</Text>
    );
  }
}

// 注意，这里用引号括起来的'HelloWorldApp'必须和你init创建的项目名一致
AppRegistry.registerComponent('HelloWorldDemo', () => HelloWorldApp);

我们先来分析一下，这一段代码的结构。

这一段代码可以分为三部分：

1. 依赖包引入：

• 引入的是React和Component基础组件。
• 引入App注册类和需要的UI组件（Text）。

2. 创建一个React组件类，重载它的渲染方法：

• 返回一段类似H5的代码。
• HelloWorldApp的render方法在调用时，会调用子控件(子Component）的render方法。

3. 将第2步中创建的Component注册到App中：

• 这里需要注意的是registerComponent第一个参数是需要注册的原生App的项目名，第二个参数是在第2步中注册的Component。

在环境配置完成后，再完成这三步，就可以运行一个显示"Hello React"的界面。