ReactNative基础篇之初识

一、前言

        RN到现在版本已经是0.57了，虽然还在疯狂的迭代中，不过已经是小步快走了！曾经一直想研究RN，怎奈迫于时间问题，未能如愿，现在JavaScript已经掌握的差不多了，条件成熟了！遂决定毅然决然的进入到RN的大军中。

RN的分析：
     ① 做UI快
     ②虽然不如原生，有限制，但可以结合混合开发的理念进行开发
     ③入门简单，能让前端快速开发App
     ④iOS&Android大部分代码通用
     ⑤code-push能做热更新，但是用不好依旧很坑
     …

二、环境的搭建

        ReactNative是前端技术和原生技术的结合体，不免也要进行前端的开发环境的配置，这个是ReactNative中文官方网站，按照官方步骤进行搭建都是可以顺利进行的，用我的一句话： “是个程序员都能做的事情，为啥你就不行？？”

三、RN的集成方式：

1、从零搭建项目，同时搭建Android端和iOS端；请参考RN中文官网
2、已有原生项目集成RN，请参考RN集成到已有原生项目
     本人已进行集成过了，按照文档上的说明就可以成功集成RN，文档中的代码段最好还是要看英文文档中的代码，否则容易出错。

四、关键字段介绍：

//导入React组件
import React, { Component } from "react";

//导入需要的组件，AppRegistry：这个API是注册函数用的
import { AppRegistry, StyleSheet, Text, View } from "react-native";

//export：导出组件，在外部可以使用  RNHighScores：类名， extends：继承
export default class RNHighScores extends Component {

//render：渲染UI部分的界面
  render() {
  
    return     <Text style={{fonSize:20,backgroundColor:'red'}}>2048 High Scores!</Text>
  }
}

//RNHighScores: 整体js模块的名称
AppRegistry.registerComponent("RNHighScores", () => RNHighScores);