Recat Native 如何使用 （一）

Recat Native 如何使用 （一）

一、Recat Native是什么？

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

之前有人把移动开发中H5页面和原生混合当成RN，这种认知是错误的。在原生Webview中使用H5，并不是RN技术，而是混合开发Hybrid App。

RN的口号是：Learn once, write anywhere 学习一次，在任何地方使用

RN 已经封装好了一套 JS 的 UI 组件，这些组件会自动在 Android/iOS 端调用对应的原生 UI 组件，因此我们只需要熟悉这些 UI 组件的用法及属性、回调方法即可。

二、Recat Native优势是什么？

核心就是跨平台，在Android和IOS原生开发人力成本巨大的前提下，所有公司都会倾向于跨平台框架。
RN就可以节约人力，提升代码复用，最重要的是减少发布成本。

混合开发Hybrid App的缺点：

性能短板。大家知道 Hybrid 是基于 WebView 的，在 Android 上的性能缺陷非常明显；而 RN 是利用 JSCore 转化成 Native 运行的，性能相对而言好不少；
用户体验。了解移动产品的人都知道用户体验的重要性，RN 的体验和原生的几乎没有差别，而 Webview 的实现是网页开发思路，体验会相差很大。

三、Recat Native如何使用？

搭建开发环境

React 的核心概念：

components 组件
JSX
props 属性
state 状态

import React from 'react';
import { Text } from 'react-native';

const Cat = () => {
  return (
    <Text>Hello, I am your cat!</Text>
  );
}

export default Cat;