
ReactNative
文章平均质量分 91
x新光灿烂x
IOS 平台开发, JAVA 后台开发
展开
-
React Native探索(六)不止是UI:React的使用场景探索
桌面应用借助 atom-shell 或者 node-webkit 这类项目,我们可以在桌面上运行一个 Web应用。来自 Github 的 Atom Editor 就是使用 atom-shell 以及 React创建的。下面将 atom-shell 应用于我们的SurveyBuilder。首先,从这里下载并且安装 atom-shell。使用下面的 desktop 脚本运行 atom-原创 2016-01-08 15:10:59 · 1845 阅读 · 0 评论 -
React Native探索(五):使用Flux搭建React应用程序架构
前面几篇文章介绍了React相关的基本概念和运行原理,可以看到React是一个完全面向View的解决方案,它让我们能以一 种新的思路去实现View,让很多复杂的场景可以用一种简单的方法去解决。然而在一个完整的应用程序中,除了实现View之外,我们还需要考虑如何同服务 器通信、View之间如何交互以及View背后的数据模型如何去设计。那么Flux正是Facebook提出的解决这些问题的方案。原创 2016-01-08 15:08:45 · 520 阅读 · 0 评论 -
React Native探索(四):虚拟DOM Diff算法解析
React中最神奇的部分莫过于虚拟DOM,以及其高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”的随时“刷 新”整个页面,由虚拟DOM来确保只对界面上真正变化的部分进行实际的DOM操作。React在这一部分已经做到足够透明,在实际开发中我们基本无需关心 虚拟DOM是如何运作的。然而,作为有态度的程序员,我们总是对技术背后的原理充满着好奇。理解其运行机制不仅有助于更好的理解React组原创 2016-01-08 15:04:52 · 4147 阅读 · 0 评论 -
React Native探索(二):布局篇
宽度单位和像素密度react的宽度不支持百分比,设置宽度时不需要带单位 {width: 10}, 那么10代表的具体宽度是多少呢?不知道是官网文档不全还是我眼瞎,反正是没找到,那做一个实验自己找吧: var Dimensions = require('Dimensions'); window.width={Dimensions.get('wind原创 2016-01-08 14:55:13 · 1511 阅读 · 0 评论 -
React Native探索(一):简单之美
注:自2013年Facebook发布以来,React吸引了越来越多的开发者,基于它的衍生技术,如React Native、React Canvas等也层出不穷。InfoQ精心策划“深入浅出React”系列文章,为读者剖析React开发的技术细节。React最初来自Facebook内部的广告系统项目,项目实施过程中前端开发遇到了巨大挑战,代码变得越来越臃肿且混乱不堪,难以维护。于是痛定思痛,原创 2016-01-08 14:46:38 · 1672 阅读 · 0 评论