React Native 学习总结(一)

本章主要总结RN的基础概况

在学习React Native 起初，总会在官网看到类似于React、JSX、ES6等类似的字眼，其实个人感觉这些都没必要单独作为模块去细化学习，只需要在实际开发中了解就可以。

那React Native到底是啥？
官方解释说：React Native看起来很像React，只不过其基础组件是原生组件而非web组件。

那就是说，它不同于phonegap之类的技术，它本身提供了一些组件，这些组件都是将原生组件通过封装导出供js调用。

IT行业不管什么技术的学习都是从环境搭建开始(搭建开发环境)，相对比较傻瓜式，一步一步照做就可以了。

根据传统贴上HelloWorld源码如下：

import React, { Component } from 'react';
import { AppRegistry, Text } from 'react-native';
class HelloWorldApp extends Component {  
    render() {    
        return (      
            <Text>Hello world!</Text>    
        ); 
    }
}// 注意，这里用引号括起来的'HelloWorldApp'必须和你init创建的项目名一致AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);```

源码解读：首先1、2两行引入组件，第3行定义HelloWorldApp组件继承Component，render渲染视图，最后一行通过AppRegistry注册该组件。基本的运行在这里就不提了，有疑惑的可以去官网了解。