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;