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

详解下一代开源混合应用框架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托管地址

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

疯狂谷歌建广告天网:电冰箱、汽车仪表盘、恒温器、眼镜和手表 开发者眼中的编程语言…… 寻下一突破口?黑莓推Project Ion项目,正式进军物联网 无人驾驶汽车真的要来了:飞思卡尔研制视觉芯片 支持物联网开发! Qt发布5.3版与嵌入式企业版 5月23日:Java已经19岁啦! Google发布Dart1.4版本,新增Observatory工具 《近匠》Mixtile:跑在盒子中的嵌入式平台 从研发、平台化到营销:移动时代,汽车厂商如何升级? CTO俱乐部“云计算创新与实践”沙龙:云计算的发展趋势与那些“坑” 一周消息树:大型网站系统与Java中间件 良心推荐:6款基于云的移动应用开发工具 Google Project Tango第二弹:可生成3D图像的平板电脑 API企业化战略部署三部曲(一) 高通产品市场经理刘晓光:详解骁龙Android SDK 苹果史上最大交易:斥资30亿美元收购Beats 微软是否应该提高Windows版本的推送频率? 咸鱼大翻身?索尼将发展可穿戴游戏设备 popping:基于Facebook Pop引擎的iOS动画库 《近匠》专访极路由CTO康神 真正智能中心应当这样做 为什么说Android才是游戏开发者的乐土? 开发移动医疗应用必知的10个掘金点 个推CTO叶新江:云推送技术如何助力产品开发 《近匠》Face++:漫谈人脸识别 无线充电技术赛高:随意走动也能电量满格 体验至上!移动Web应用JavaScript UI库App.js 专访中国国航:传统行业的“轻应用观” 开发者找众筹,哪些网站更靠谱? 48小时脑力激荡 中美青年创客大赛英特尔北京选拔赛 “微应用+大平台”推动企业软件走向碎片化 浅谈Hive vs. HBase 怎样取得一个季度得数据 有谁听说过 vality, torrent, metarecon? 这个查询怎么写? 经典问题 SQL语句问题 如何实现带有CheckBox的JTree 多文档中怎样写子窗口的OnSize()消息 火烧眉头,谁有pb6.5连接Access的补丁??? 谁有完整的MPEG2、MPEG4标准 vc中有没有处理ini文件的类,或请介绍处理ini文件的代码与函数.谢谢(最好有例程)!!! 初次接触lotus不知道从什么地方下手,请赐教 哪里有好的学习JAVA的网站或书. 问个送分的问题, 快来帮助,再线等待,高分相送 多文档中怎样写子窗口的OnSize()消息 关于报表的一个小问题? ??如何调用COM+对象? 微软专家:教我如何理解.Net的跨平台? 我真的想问,不精通编程就一定不能成为计算机人才吗? 如何在单文档工程的CMainFrame中得到CView指针阿? 哪位大侠使用VC和数据库比较完美地做过管理系统?交流一下,要分您说话。 各位大侠请进来提点意见把:关于统一认证平台的问题。 怎样设置多文档中子窗口的OnSize()消息 ?有关COM自动化类型Variant传递安全数组的一个问题 请问foreach这样的语句怎么转换成for或while语句? 请教高手,VB可否打开unix服务器上的数据文件,如何实现?谢谢!(无内容) CHOTKEY控件改变的消息如何得到? 请问哪里有关于c/s和b/s构架讨论,简介 等的文章?? 50分!!! 如何拆分一个字符串 SOS!!! 使用showModalDialog问题 有这么一个问题.... 栈的一个典型操作(计算表达式) 在PB65自带的installshield5中,怎么在开始菜单添加快捷方式阿? 多文档中怎样写子窗口的OnSize()消息 急啊!!!!!从ibm下载的websphere studio siteDev和appDev安装启动程序时,都出现The trial version license cannot be found!!!!!!! win2000自动关机的问题 为什么不上网也能登录域? 如何捕获键盘事件 谁能告诉我,我的程序错在哪里? 请问各位大如何通过javaScript得到文件的大小??谢谢各位急 打开word文档的问题 一个库结构能否直接在连接的两台微机之间相互拷贝? textbox属性textmode为MultiLine时,如何设定maxlength限制用户输入字符数 关于VC类型转换的问题!! 如何在没有使用MFC就是(Set->NO Using MFC)的程序下使用CDC类呀? 如何执行.bat文件 那里可以找到,apache+oracle+unix+java的资料? 还有1个小问题请都各位高手 请教:如何在退出form(含多个textbox)时,知道fomr内的哪个textbox的内容改变了?(立刻给分) 请教一个access的错误提示 在view里使用order by 之后为何一定要用top啊,如:top 100 percent 什么原因? 直径为d的纸质圆筒,以角速度ω绕轴O高速运动,有一颗子弹沿直径穿过圆筒,若子弹穿过圆筒的时间小于半个周期,在筒上先、后留下a、b两个弹孔,已知aO、bO间夹角为φ弧度,为什么在t时间内,圆 求解!六边形加一条线变成一个四边形和一个三角形二年级的数学作业居然这么难!题目:在图形上画一条线,按要求分成两个图形. 三角形和四边形 中国和外国的数学家有哪些 airphil express是什么意思 六边形要几根木棍才能固定住?为什么?书上说3根,而同学只用了两根,这是怎么回事? 元素的金属性与非金属性各是指什么金属性与还原性有何区别?氧化性和非金属性又有何区别? 单层多点与石墨烯 谁是触摸屏未来的驱动力 电量q均匀分布在长为L的细棒上,(1)在棒的延长线上据棒的中点为a的P点处的电场强度为__________,p点处的电势为__________. 在垂直纸面向里的匀强磁场的边界上,有两个质量和电荷量均相同的正、负粒子(不计重力)从O点以相同的速度先后射入磁场中,入射方向与边界成θ角,为什么正、负粒子在磁场中重新回到边 石墨烯为啥这样火? 金属性和非金属性最强的元素? 当物体从无穷远处沿凸透镜主光轴向凸透镜焦点移近过程中,像的位置,大小如何变化?像移动的速度与物体移动的速度关系如何? 怎么不用石墨烯做手机电池?既然石墨烯的电容量如此巨大,用来做手机电池不是更好,一个月都不用充电了,充电的话也就1-5分钟的时间,这个材料做手机电池不是很好么! 形成电流的是正电荷的定向移动还是负电荷的定向移动还是自由电子的定向移动那么如果是正电荷的定向移动那么正电荷来自于哪里是电池吗如果来自于自由电子的定向移动自由电子又来自 一点光源位于凸透镜的主轴MN上,凸透镜位置固定.当点光源位于A点时,他的象在B点;当点光源位于B点时,它的像在C点,则凸透镜位于A A的左侧B A B之间C BC之间D C的右侧图:A-B-C 直径为D的纸制圆筒,以角速度W绕中心轴匀速转动,把枪口垂直圆筒垂线,使子弹穿过圆筒,结果发现圆筒上只有一个弹孔,则子弹的速度不可能是-----A.DW/π B.DW/2π C.DW/3π D.DW/4\π 三聚氰胺含氮量为什么比一般的蛋白质高? 在金属电路中,确实是有自由电子负电荷定向移动的电流,但是我们说自由电子负荷定向移动方向与电流方向( ) 切去正方体的8个角,新的几何体有几条棱,几个面,几个顶点 探究凸透镜成像的规律,物距与像距的大小关系初二上册3.3 三聚氰胺的化学式为C6N6H6.蛋白质中氮的含量的质量分数大约16%那么10克的三聚氰胺中氮的质量 高三曲线运动的牛顿定律两质量均为m的小球穿在一光滑圆环上,并由一不可伸长的轻绳相连,圆环竖直放置.在如图所示位置由静止释放.问释放瞬间绳上的张力多大? 算出氮,再由氮求出蛋白质的含量(蛋白质含氮按16%计算).某质检局对某市场中的某个品牌的奶粉...算出氮,再由氮求出蛋白质的含量(蛋白质含氮按16%计算).某质检局对某市场中的某个品牌 三聚氰胺是一种含氮量很高的蛋白质吗? 短语 express oneself 的意思express one's opinion/idea 的意思是“表达某人的意见”那么,请问短语"express oneself"的意思是什么? 为什么雪花的构成是六边形快 为什么负点场中,两个点电荷连线的中垂线上,电场强度的大小先变大后变小?不要用图说电场线先密后疏啊,我想要用公式说明的更有点说服力的理由(可结合图像), express onself feel like oneself 什么意思? 电荷均匀分布在长L的细棒上,求棒的垂直平分线上的电场强度 两个点电荷连线的中垂线上电势,电场强度的变化规律 make oneself understand 是不是和 express oneself 一样? 为什么雪花是六边形的 真空中有两个带电量都为q(大于0)的点电荷,比较其连线的垂直平分线上O、P两点的电场强度和电势? i enjoy oneself 雪花为什么是六边形 两个等量异号的点电荷相距为2L,带电荷量分别为+q 和-q 其连线的垂直平分线上的电场强度的最大值为? 石墨烯概念股有哪些 与石墨烯相关上市公司一览 雪花是六边形的?最后分成几点说,例如第一个原因是.第二个原因是.先把每点是什么说出来, 一平行板电容器的电容为2微法,使它两板间电势升高10V需增加的带电量为多少? 石墨烯相关的有哪些上市公司? 雪花为什么是正六边形的结晶体我从一本书上看到的,把答案忘了,有谁知道. 什么元素既有金属性又有非金属性 关于放大镜,幻灯机,照相机的使用,下列说法正确的是A应该把被观察的物体放在放大镜的焦点以内B应该将幻灯片放在幻灯机镜头的焦点以内C应该将幻灯片放在幻灯机镜头的焦点和2倍焦距之间 网络犯罪 这样的装置B的出水压力会大于A的出水压力吗?同一个水泵怎么才能让他的压力增大? 哪个上市公司将量产石墨烯锂电池? 什么是计算机网络名词解释 硅胶在射出成型时会产生气泡, 下列光学仪器中得到的实像比物体大的是( )A、放大镜 B、照相机 C、平面镜 D、投影仪 每一百克蛋白质平均含氮16克,这些氮主要存在于蛋白质的 ( ) .—CO-NH-为什么是肽键 有谁知道用硅橡胶做的皮管上为什么有气泡, 石墨烯的应用领域是那些? 一个六边形,怎样加三根支架使其变成固定的六边形? 古希腊数学家丢番图曾和朋友研究过这样一道题目:四户各有一头羊,其中每三户羊的头数相加,和分别是22·24·27·20,求这四户各有几头羊?设四户羊的头数分别为x`y`z`w,分别列出这四个方程的 放大镜、幻灯机、照相机、潜望镜,哪个得到的实物比物体大? 如何用三根支架将一个六边形的目加固定? 中国、外国数学家有哪些? 标况下,2.8克氮气,0.5mol氢气,4克氩气混合,该混合气体体积 一个六边形加怎么一笔能变成一个四边形和一个五边形 国外著名数学家欢迎参观我的空间!
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘