安装相关工具参考(视频):http://ninghao.net/course/3001?a=26

学习参考:http://reactnative.cn/

学习参考:http://www.ruanyifeng.com/blog/2015/03/react.html
 

今天是让我非常兴奋的一天,发现了一个非常好的一些网站

最近非常流行一个叫React Native。“Learn once, write anywhere(Android,IOS,WEB)”

React Native项目成员Tom Occhino发表的React Native: Bringing modern web techniques to mobile详细描述了React Native的设计理念。

可以通过不同的渲染引擎生成不同平台下的UI,JS和Native之间通过Bridge通信。

其实这东西从Native开发来说,相当于重新发明了一个浏览器渲染引擎并且套一个React的壳,从Web开发角度来说,就是把原来React的后端换成了Native code来实现,就跟Flipboard最近搞的React Canvas 一样

 

为什么需要 React Native?

  What we really want is the user experience of the native mobile platforms, combined with the developer experience we have when building with React on the web.

  Native能实现更丰富细腻的动画效果,归根结底是现阶段Native具有更好的人机交互体验。
 

根据ProgVille的文章,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好很多。

注意:无需编译,我在第一次编译了ipa装好以后,就再也不用更新app,只要更新云端的js代码,reload一下,整个界面就全变了。对于前端开发是非常好的体验。
React 很有可能成为一个跨平台的统一 UI 解决方案,可以理解为 UI 开发的虚拟机?没有学习的同学赶紧抓紧了解一下吧。
 
 

最新文章

  1. BSBuDeJie_04
  2. 转载:检测到有潜在危险的 Request.Form 值
  3. JAVA监听器原理
  4. .NET P****** CMS 逆向工程
  5. JEE学习线路
  6. Sqlserver通过链接服务器访问Oracle
  7. Asp.net中的页面跳转及post数据
  8. 区分IE9/IE8/IE7/IE6及其他浏览器-CSS hack
  9. CocoStudio学习资源
  10. CTR预估中的贝叶斯平滑方法及其代码实现
  11. 浅谈MVC页面之间参数传递
  12. (转)完整java开发中JDBC连接数据库代码和步骤
  13. SQL总结手册
  14. Python解析xml文档实战案例
  15. MySQL_写锁_lock tables tableName write
  16. 小程序textarea完美填坑
  17. Java异常处理——如何跟踪异常的传播路径?
  18. Vue(八) 数字输入框组件案例
  19. spyder 安装
  20. python开发day02

热门文章

  1. Comparing cards
  2. LICEcap GIF 屏幕录制工具
  3. ZoneMinder配置与使用
  4. PAT1024. Palindromic Number
  5. openStack reboot调试
  6. curl返回常见错误码
  7. vs2010 编译curl-7.42.1
  8. Oracle 中 根据值 查询 所在 表和字段
  9. su:认证失败
  10. Android IOS WebRTC 音视频开发总结(三四)-- windows.20150706