代码改变世界

React Native v0.4 发布，用 React 编写移动应用

2015-04-18 15:27  RTdo  阅读(268)  评论(0)  编辑  收藏  举报

React Native v0.4 发布，自从 React Native 开源以来，包括超过 12.5k stars，1000 commits，500 issues，380 pull requests 和 100 贡献者，还有 35 款插件 和 1 个 AppStore 应用！

直击现场 

《HTML开发MacOSApp教程》  http://pan.baidu.com/s/1jG1Q58M

此版本主要改进如下：

  • 错误信息和文档：添加了大量的警告信息，更新了文档，修复了大量的 bug

  • 兼容 NPM 模块：大量的库是依赖于 NPM，而不是 node/browser 内部

  • 基础设施：重构了 React Native 的内部，更容易插入到现有的 iOS 库，提升了系统的性能，减少启动时间

  • 组件：提供大量 UI 组件和 APIs 

  • 测试：移植 JavaScript 测试，iOS 快照测试，End to End 测试到 Travis CI

  • Patent Grant

  • Per commit history

更多内容请看发行说明。

ReactNative 可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。而且React Native已经用于生产环境——Facebook Groups iOS 应用就是基于它开发的。

React Native的原理是在JavaScript中用React抽象操作系统原生的UI组件，代替DOM元素来渲染，比如以<View>取代<div>，以<Image>替代<img>等。

在幕后，React Native在主线程之外，在另一个背景线程里运行JavaScript引擎，两个线程之间通过一批量化的async消息协议来通信（有一个专门的React插件）。

UI方面React Native提供跨平台的类似Flexbox的布局系统，还支持CSS子集。可以用JSX或者普通JavaScript语言，还有CoffeeScript和TypeScript来开发。有评论说，React的UI层模型要比UIKit好很多。

更好的是，由于基于Web技术，开发起来可以像在浏览器里那样随时在仿真程序中查看应用运行情况，刷新一下就行，无需编译，爽吧。

React Native比起标准Web开发或原生开发能够带来的三大好处：

  1. 手势识别：基于Web技术（HTML5/JavaScript）构建的移动应用经常被抱怨缺乏及时响应。而基于原生UI的React Native能避免这些问题从而实现实时响应。

  2. 原生组件：使用HTML5/JavaScript实现的组件比起原生组件总是让人感觉差一截，而React Native由于采用了原生UI组件自然没有此问题。

  3. 样式和布局：iOS、Android和基于Web的应用各自有不同的样式和布局机制。React Native通过一个基于FlexBox的布局引擎在所有移动平台上实现了一致的跨平台样式和布局方案。

相关链接