初识跨平台移动应用开发框架 - React Native

大前端是什么？

简单来说，大前端就是所有前端的统称，比如web application， 移动终端（手机，平板 - iOS、Android），Watch等，最接近用户的那一层也就是UI层，然后将其统一起来，就是大前端。大前端最大的特点在于一次开发，同时适用于所有平台，开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的时代，利用web不仅能开发出网站，更可以开发手机端web应用和移动端应用程序。

今天先来聊一聊移动端最受欢迎的开发框架 - React Native。

跨平台移动应用开发框架 - React Native

说到React Native，不得不聊一下React 和 React Native的前世姻缘。

React 框架最早孵化于 Facebook 内部，作为内部使用的框架，在 2011 年的时候 React 框架被用于 Facebook 的新闻流，2012 年使用在了 Instagram 项目上。在 2013 年五月美国的 JSConf 大会上，React 框架项目被宣布了开源。

在移动端开发方面，Facebook 曾致力于使用 HTML 5 进行移动端的开发，最终发现与原生的 App 相比，体验上还是有非常大的差距，特别是性能方面的差距。最终，Facebook 放弃了 HTML 5 的技术方向，结合之前介绍的 React 框架的发展历史，2015 年 3 月，Facebook 正式发布了 React Native 框架，此框架专注于移动端 App 的开发。

React Native (简称RN)是跨平台移动应用开发框架，目前支持iOS和Android两个平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

React 作为构建高性能 Web 应用的框架
React Native 作为构建跨 iOS 与 Android 平台 App 应用的框架

初识React Native

React Native: 使用JavaScript和React编写原生移动应用

React Native使你只使用JavaScript也能编写原生移动应用。 它在设计原理上和React一致，通过声明式的组件机制,当数据改变时 React 能有效地更新并正确地渲染组件。

React Native产出的并不是“网页应用”， 或者说“HTML5应用”，又或者“混合应用”。 最终产品是一个真正的移动应用，从使用感受上和用Objective-C或Java编写的应用相比几乎是无法区分的。 React Native所使用的基础UI组件和原生应用完全一致。 你要做的就是把这些基础组件使用JavaScript和React的方式组合起来。

React 框架使用 JSX（JavaScript eXtension，可以理解为看起来像 HTML 的 JavaScript）指定 React 组件的输出定义，而逻辑函数的部分依然是采用 JavaScript ES6 来编写，所以对于前端开发人员来说上手非常地容易。

React Native 依然由 JSX 进行组件布局的开发，框架中组件开发的原理与思想与 React 框架一致，而且底层都由最重要的 state 进行驱动。

React 与 React Native 除了在编码表现层都使用 JSX 语法外，在 React 与 React Native 的底层都有 Virtual DOM 与 DOM 之间的映射与转换，以实现