说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

详解下一代开源混合应用框架Reapp

HTML文档下载 WORD文档下载 PDF文档下载
Reapp是一款使用React来开发混合应用的开源框架,为开发者提供了他们开发所需的一切,其中包括各式模块的集合、UI工具包等。事实上,Reapp很简单,你甚至可以只是用其中的UI工具包就能构建出一款应用。

Reapp是一款使用React来开发混合应用的开源框架,为开发者提供了他们开发所需的一切,其中包括各式模块的集合、UI工具包、引导应用的CLI,以及一个预配置的构建服务器,支持Android、iOS。起先,Reapp的构建并不是以成为一个框架为目的,相反,它是作为一个UI工具包开始的。Reapp很简单,你甚至可以只是用其中的UI工具包就能构建出一款应用。

首先,我们通过一张图表来看一下Reapp与其他几款框架的区别:


(点击图片查看大图)

接下来,我们详细了解一下Reapp的各个部分及功能。

CLI

CLI拥有两个主要功能:首先是构建新的应用;其次是可以运行你的应用。Reapp服务器是一个可以与默认应用结构工作默契的简单的express服务器。

CLI的使用:

Usage: reapp [options] [command]Commands:  new [name]  creates a directory with a new reapp-starter scaffold  run         runs a reapp application with express/webpack-dev-server  build       builds a reapp application to a bundle in ./build  debug       use this to for opening issues!  help [cmd]  display help for [cmd]

UI Kit

  • 动画:动态和完全交互式的JavaScript编写的动画。
  • 样式:JavaScript + Flexbox,可组合、动态、可声明接口。
  • 主题:混合匹配物理场数、风格样式和动画来制作自己的主题。
  • 视图:使用Views、ViewLists甚至是嵌套的ViewLists来构建视图。
  • 多态:所有的动画和样式都可以混合使用,让设计多样化。

具体模块

  • reapp-ui

reapp-ui是React组件的一个合集,用于构建应用的UI:

  • 能够很好的协同工作
  • 具有极少依赖性的轻量级代码
  • 主题化
  • 适应众多平台
  • reapp-pack

生成webpack配置的一个辅助,还带有其他一些小的辅助功能。包括能够简单使用webpack开发服务器的./webpackServer。

使用:

var config = require('./config/webpack.run.js');var webpackServer = require('reapp-pack/webpackServer');webpackServer(config, {  port: 3011,  debug: true,  hot: true});

  • reapp-routes

reapp-routes是一个生成表示路线树的小型库,同时映射到路径。它最主要的作用就是节省代码和执行的一致性。

使用前:

var App = require('./components/App');var Sub = require('./components/app/Sub');var OtherSub = require('./components/app/OtherSub');module.exports =  <Route handler={App} path="/">    <Route name="sub" handler={Sub} />    <Route name="otherSub" handler={OtherSub} />  </Route>
使用后:

module.exports = routes(require,  route('app',    route('sub'),    route('otherSub')  ))

更多模块具体细节可以点击查看。

Reapp提供了两个示例应用,并将代码托管至Github上。

  • Kitchen Sink


  • Hacker News Reader


传送门:Reapp官网、Github托管地址

(文/刘璐璐 责编/唐小引)

从Rovio遇到危机,看现在应用市场的演变 Windows Azure支持Android应用 面向东亚推广云服务 抛弃DRAM、拥抱闪存,Facebook重做Memcached 夏普三星联姻 电子行业或将多元化发展 从下拉菜单设计细节看Amazon对用户体验的把握 Chartboost美女CEO:40人团队服务3亿移动玩家 Distimo:新晋开发者想让产品得到关注越来越难 OpenFeint绝迹后,开源项目OpenKit继续前进 美FDA通过搜索引擎和社交平台预警药品副作用 挖坟三星“眼球追踪技术”背后的技术团队 为什么开发者热衷在Stack Overflow上查阅API文档? Facebook推新News Feed 欲造就“个性化报纸” 女神程序员的一天:暴力测试social爬虫代码 2013IBM云存储路线图:更快,更简单,更安全 二战大数据故事:数学家、物理学家、概率论击败德国潜艇 软件定义网络服务商Pertino B轮融资2000万 Scringo社交组件,让你的应用“热闹”起来! Android开发必备:Eclipse 4.2 SR2版本发布 32场!2013年360HTML5校园行首站告捷 移动周报:不做内容,只钻技术的快播 一周消息树:中国开源发展缓慢的“病因” 百度应用引擎BAE正式开放 新增支持Node.js CloudVelocity,下一个VMware? Buffer创始人谈开发:先验证,后编程! 谷歌可穿戴式产品再度来袭:会说话的鞋子 未来Chrome OS或取得Android般成功 云落地@北京,北京市北斗公共平台或开放API? GitHub再遭攻击 主要服务中断约一小时 移动开发者将有望拥有.app域名使用权 微信将推“游戏中心”?移动互联网入口圈地加剧 美国航空公司首次开放API 并举办“黑客马拉松”编程大赛 我高中的班主任 请大家评评理,特别是JAVA版版主! 这样的SQL语句怎么写啊 form切换!VB.net里面如何在语句里调出别的FORM 如何用ADO连接EXCEL数据? 什么是上溯造型? 如何把console.write 输出很多内容保存到文件?thread.join()如何使用? 我想实现像网络蚂蚁那样在IE上点右键,把这个IE中的信息传送给我主程序,现在遇到两个问题! 控件的布局问题? 实例化算不算继承? 急!!!!关于SQL数据堵塞 请大家推荐一下哪个汇编集成环境比较好用?DOS下用什么?WIN下用什么? 向各位请教两个tomcat的问题:(谢谢) 高手请问 拉格朗日算法VB=>BCB 求ASP的字符串比较函数. 找C++BUILDER高手!! 我在做演示光盘,用camtasia录制的屏幕图象,可是在客户的机器上播放不出来,在线等待,解决问题马上揭贴! fastreport如何不进行预览而直接打印! 不使用下拉数据窗口,如何实现输入产品代码即可显示产品名称 大哥救命啊 一个简单问题,在一个Win32 applicaion 中如何使用CString变量! 在线等待! 倒霉!!!平白无故被副总扣了100点! 我高中的班主任 JBuilder的爱好者,请留下您的联系方式!谢谢,让我们共同进步! 未指定默认数据库驱动…… VC中如何添加数据库支持? 栽ejb-jar.xml中部署的Ejb QL怎么和Home接口中声明的查询连接起来,必须以ejbSelect开头吗? 如何通过程序调用荧光笔操作?急,在线等!高分相送啊! 表格宽度 发现我的作文水平如果参加今年高考能得满分(仅限作文) 送100分,JB7+JBoss下,用CMP方式建两个EntityBean,比如DIfsZxx(主键所在实体),DIfsZxxRw(外建所在实体),当两者之间关系设为。。。。 谁能够告诉我所有ACCESS数据类型的英文名字?偶在VB中有用到! 请问如何才能使用asp连接foxpro数据库,使用oledb 启动出现找不到windows\system\service.vbs怎么回事??但进入系统正常,如何去掉??? Datagrid!!! 大家能不能推荐一个免费个人主页啊。 大家来帮我看看PHP连接ACCESS数据库的问题! 大家讨论一下这种软件的开发机制和速度优化机制,有没有可能进入代理内部? 放分拉,关于struts的问题,如何在action类中调用ApplicationResources.properties中的信息!!进者有分!! 如何基于对话框打印表格(比如个人简历)在线给分! 今天刚装了新的内核,所以写出过程供大家参考! 一个急需要解决的问题??? VC下如何接收COM+事件 妈妈,女儿对不起你 jbuilder乱码,在线求解 请教一个有难度的代码,江湖救急啊! 在线等!!! 编写一个短信中心,必须要向服务商拿哪些参数? 简单问题:关于ModifyStyle 大家有遇到这种情况吗:"使用jsp无法实现功能,而要被迫使用servlet"? 自己设计VCL组件时,怎样定义对象类型的属性 ? 关联算法的一个问题,大家共同讨论啊 如图,正方形ABCD的边长为8,点M在DC上,且DM=2,N是AC上的一动点,则DN+MN的最小值为多少?图片看不清的话点击放大. 时间的流逝速度的单位是什么相对论里说物体运动速度接近光速,时间流逝会变慢,但快慢是形容速度的.用于时间不是说时间的速度变慢了吗.但是时间速度的单位又是什么,不能是普通的速度 某护士将葡萄糖针剂从病人的前臂静脉输入体内,当葡萄糖流经肺泡的毛细血管时,所经的途径是什么为什么 “思”字和“宜”字可以加哪些偏旁 宇宙中的时间流逝快慢的似乎悖论根据爱因斯坦的广义相对论,当物体以运动的速度越快,衡量其自身的时间就相对流逝得越慢,像极限逼近,也就是说,当物体越接近光速,其时间就会趋近于停止. 快乐8快乐飞盘任选一有什么好的呢 1份报纸批发价1.35元,零售价1.5元,张大爷想通过卖报赚到50元,他至少要卖多少份报纸? 时间的流逝事实上是均匀的吗?为什么心理状态会“改变”时间的快慢? 快乐8快乐飞盘任选一那个是最好的 一种报纸,批发价4.55元,零售价5.50元.张大爷一个月卖着种报,赚了95元.请问,这个月,张大爷卖了多少卷子上的题,已经考过了, 所有维度上的时间流逝速度都相同吗?比如说二维世界的时间与咱们三维世界的时间前进速度相同吗? 快乐10分任选3 中了两个有钱吗 一份报纸的批发价是0.25元,零售价是0.5元,叔叔卖报想赚到50元,他至少要卖多少份报纸? 高中数学必修四初相怎么求 快乐8快乐飞盘任选一速度如何? 一份报纸的批发价是2.35元,零售价是2.5元.小明在星期天卖报赚了30元钱,他卖了多少份报纸? 英语单词(动词)变形时什么时候加ed,什么时候双写加ed?limit 也元音和辅音结尾 ,为什么直接加ed就行了? 对于怎样的反应,改变压强不会影响化学平衡移动,全面一点,书上说是 对于气体体积相等 的反应,但是是指总气体体积,还是什么 白银盘里一青螺这句诗形象地写出了望洞庭什么 百度知道 第23题,帮我解决,急 何勒太太用什么背景音乐好 初一数学评价手册P25第5题帮我 kkkkk 361°的含义nongbuqingchu 何勒翁从英文怎么写? 黑洞是恒星演化的最后阶段,根据有关理论,当一颗恒星衰老时,其中心的燃料(氢)己经被耗尽,在外壳的重压之下,核心开始坍缩,直到最后形成体积小、密度大的星体.如果这一星体的质量超过 不是361°那个. 为什么我用MTT法和CCK-8检测丹参酮ⅡA对细胞的毒性影响,结果两次测出细胞抑制率都是负值呢我分别用MTT法和CCK-8检测丹参酮ⅡA对细胞的毒性影响,结果两次测出细胞抑制率都是负值,就是说 加 1.计算:-6AB*[AB的平方-6A的3次方B]=[ ]2.观察下列各式:1.5的平方-1=4[2*1+4],2.6的平方-4=4[2*2+4] 3.7的平方-9=4[2*3+4] 4.8的平方-16=4[2*4+4],...将你观察到的规律用含有字母N的等式表示应是[ ]其中N为整数.3. 361°是什么意思 某同学患了小肠炎,医生在他的上静脉输液,药物到达患处所经过的路径是怎样的? 英语翻译一定要全!1 A与B成反比例,B与C也成反比例,那么A与C成( )比例 一道正方形几何题,帮忙啊已知正方形ABCD中,E是CD中点,F是AD中点,联结BE,CF相交于P,联结AP,求证AP=AB. 尘字能换什么偏旁再组词 两个字请教:宝盖头下面一个契;天涯的涯去掉三点水. 一道初二的正方形几何题.如图,正方形ABCD中,CE=MN,∠MCE=35°,那么∠ANM是多少度? 尘怎么组词 361°是什么意思 Before you switch off the computer什么意思如题 宋书 列传第三十一王僧绰,琅邪临沂人,左光禄大夫昙首子也.幼有大成之度,弱年众以国器许之.好学有理思,练悉朝典.年十三,太祖引见,下拜便流涕哽咽,上亦悲不自胜.袭封豫章县侯,尚太祖长女 选项 A 成正比例 B 成反比例 C 不成比例如果X和Y互为倒数,那么X和Y( ).平行四边形面积一定,它的底和高( ).圆锥的底面积一定,高和体积( ).分子一定,分母与分数值( ).7:X=5:Y,X与Y( Because是什么意思 三条直线ax+2y+8=0,4x+3y=10,2x-y=10,能围成一个三角形,a的取值范围? 谁有动物卫生监督执法群,我要加入? (because)是什么意思? 1份报纸批发价1.35元,零售价1.5元,张大爷星期天卖里30元,他卖多少份报纸? 隋文帝措施对历史进程影响最大的是 because的意思 为了巩固新生的苏维埃政权,苏维埃政府在对外关系上采取了什么措施 隋文帝治理的措施 求欧洲和非洲的资料详细一点,完整一点 在课文 把铁路修道拉萨去 中巍峨一词怎样解释 隋文帝统治时期史称000 已知平面直角坐标系内的两个向量a=(1,2),b= (m,3m-2)且平面内的任一向量c都可以唯一的表示成c=λa+μb已知平面直角坐标系内的两个向量a=(1,2),b= (m,3m-2)且平面内的任一向量 c 都可以唯一的表示成 思加什么偏旁组成什么字 隋文帝统治时期,经济繁荣,史称___? 已知平面直角坐标系内的两个向量a=(1,2),b= (m,3m-2)且平面内的任一向量 c 都可以唯一的表示成 c=λa+μb(λ,μ 是实数),则 m 的取值范围是A.(-∞,2) B.(2,+∞) C.(-∞,+∞)D.(-∞,2) ∪(2,+∞) 还要原因 如图,正方形ABCD中,点E在边AB上,EC交BD于点M,过M作MF⊥EC交AD于F点,M为垂足,且AE=nEB,问若n=2时,则AF/FD=?图: 时间的流逝速度与什么有关? WHO是啥意思? 吉林松原10分钟内连发两次地震 东北世界勤俭日 请从身边小事做起浦发银行设立伦敦代表处巴西“张开双臂”欢迎中国企业投资卫计委:将逐步探索新农合跨省就医结报吉林松原前郭尔罗斯蒙古族自治县发生5华媒聚焦三中全会:中国新改革“分好蛋商务部回应“批评报道针对外资”:媒体中国建设银行落户卢森堡俄罗斯达吉斯坦共和国首府爆炸致1死8俄罗斯举行核遏制力突击战备演练精品画展向英国人展示中国水墨艺术的旧“被遗忘的天才”画展展现卡斯蒂廖内出未成年怀孕现象堪忧 每年700万少女巧克力为何充满魔力新华网:全方位织牢安全网 让困难群众商务部:美方频繁发贸易救济调查 望采国务院:建立城乡特困人员供养制度 覆揭甘愿下嫁“穷小子”的女星(组图)小贝卖萌嘴允小七公主奶嘴(组图)法国总统奥朗德会见王毅一汽解放重卡连续11月销量夺冠一汽-大众新捷达引领新节能减排风潮国务院@你!本周7件民生大事千万别错两部门:郑州煤矿安全生产存明显差距 商务部:《电子商务“十三五”发展规划《国内贸易流通标准化建设“十三五”规特朗普当总统也拍真人秀 放弃白宫薪水安监总局:辽陕鄂三省煤矿存诸多安全隐宝马女司机飙脏话辱骂交警 丈夫:在家商务部:美方以“国家安全”为名 干预中央政治局会议提出积极推进农业供给侧商务部:中国对拉美和加勒比政策文件突商务部:全年削减钢铁产能4500万吨商务部解读11月外贸数据:外贸增速回商务部:今年1 9月全国农村实现网络婴幼儿乳粉标签标识禁用“进口奶源”等民营企业成外贸主体,前11个月山东进海南省互联网产业天使投资资金投资项目爆款纪录片《我在故宫修文物》拍电影了德州开发区开展十大类86项整改 5家巴图鲁“合聚变”:助力传统汽配商转型
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘