前面学习前端技术一方面是为项目做准备，另一方面也是为现在跨平台开发打基础。

我选择的是先看 《React Native开发指南》 入门。

第1章 初识 React Native

React Native 是一款用来开发真正原生、可渲染 iOS 和 Android 移动应用的 JavaScript 框架。
React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。
在 JavaScript 中用 React 抽象操作系统原生的 UI 组件，代替 DOM 元素来渲染等。

第2章 React Native 工作原理

React Native 使用 Virtual DOM 作为中间层，介于开发者描述的视图与实际页面渲染的视图之间。
Virtual DOM 不仅能提升性能，而且提供了强大的抽象能力，在开发者代码和实际渲染之间加入一个抽象层。

React Native 调用 Objective-C 的 API 渲染 iOS 组件，调用 Java 接口渲染 Android 组件，而不是渲染到浏览器 DOM 上。

React Native 的渲染周期和 React 完全相同；组件也很类似，只是名称有差别，但是和原生的组件名字差不多；使用 JSX 以及 React 的内联样式。

React Native 同样可以调用宿主平台的接口，比如数据存储，操控硬件设备等等。

第3章 构建你的第一个应用

类似 React ，使用 React Native 构建 Android 应用，可使用 create-react-native-app 脚手架工具。

npm install -g create-react-native-app

安装完成后执行以下命令即可创建 React Native 项目：

create-react-native-app first-react-native-app
// 打开项目目录
cd first-react-native-app
npm start

基本上就构建完成。

运行在 Andoroid 系统:

npm run android

代码也比较容易理解：

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Open up App.js to start working on your app!</Text>
        <Text>Changes you make will automatically reload.</Text>
        <Text>Shake your phone to open the developer menu.</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

感觉和 React.js 差不多，比较容易理解。