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

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

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

用VB编程检测当前电池使用情况 用VB编写定时关闭计算机的程序 用VB编写键盘拦截程序 用VB函数轻松访问系统注册表 用VB设计一个定时闹钟程序 用VB实现拖放功能 在VB中启动控制面板 在VB中异步执行程序 在Visual Basic中终止Windows 95 在关机或Logff前信息的拦截-VB资料 VB怎样捕捉窗体的鼠标? VB怎样存取注册表信息 VB怎样改变双击鼠标的时间间隔? VB怎样关闭一个正在运行的程序 VB怎样限制鼠标移动 ANI文件格式 -VB资料 AVI文件格式-VB资料 DBF文件转为MDB文件的方法 -VB资料 FLIC动画文件的播放程序设计-VB资料 MS Office 开发工具VBA TextBox 中英文输入方法切换-VB资料 TXT文件的读取-VB资料 VB 如何将dbgrid印出来 VB5.0调用Office97技巧 VB5如何把帮助文件加到设计的程序内? VB编程步步高-打印篇(二) VB编程的好帮手资源文件 VB的OPEN对话框控件图示功能扩充 VB通用数据表格输出程序的设计 VB网格中输入数据 VB应用程序中打印条形码的两种方法 如何实现仿照FLASH当中的,将字符旋转方向? 是读软件工程硕士还是去当程序员? 在VFP中如果把报表加入到菜单中? WinCE支持I&sup2;C总线吗?请高手赐教。 有高手吗???帮忙啊!!! 开发Midas数据库应用程序,哪些软件需要购买使用许可?价格? 写一个Word阅读器 VC6.0编译98DDK中USBVIEW例子,每个C文件末尾都有Fatal Error 是读软件工程硕士还是去当程序员? 在VB里用ADO对像来更新ACCESS数据库时出现"所有记录中均未找到搜索关键字。"错误!如何解决啊.. 怎么看懂别人的程序? 如何修改软件默认的安装路径。 是读软件工程硕士还是去当程序员? WinCE支持I2C总线吗?谁有资料 有没有深层次的c语言书啊?(50分) 请问dbgrid对应的数据表的某个字段为0/1,可以把其cell显示为checkbox? 什么是3D加速卡? 请教NotesFactory问题,那里有资料 developer2000的疑惑 一个小问题,请给我看看! 是读软件工程硕士还是去当程序员? 请问这是什么错误?谁能帮我翻译一下。最好给出解决方法。对者给分!...在线等待! 请问这是什么错误?谁能帮我翻译一下。最好给出解决方法。对者给分!...在线等待! 紧急求助:关于打印的问题 如何用C#在ASP.net中对数据库进行查询? 网络打印问题 【求助】一个小问题,在线待回 DBGrid1如何获得2个表里的数据 帮帮菜鸟呀`/! 如何用C#在ASP.net中对数据库进行查询? 求获取FTP服务器上文件的创建日期的代码 系统已经从一个严重错误中恢复。 怎样使一个页面访问过后立即过期? and 和 or 有什么不同??? 关于oracle 配置的问题 Oracle数据库实例和数据文件的问题求助 调查:各位用Lotus开发的时候,对源码如何做版本控制的?效果如何? 请问各位高手现在业界对工作流与电子工单有没有统一的标准? 动态生成STATIC 文本框,把里面的文字都加上下划线,怎么做? 有什么好的类似于QQ的局域网通讯程序???可支持WIN98及WINXP间的通讯!!! 我快晕了,急救! 低手勿入,高手请进,剧难??? 一个程序调试中产生的问题 -------数据接收和发送模式的问题!(非资深程序员勿入)100分只给答的最好的 求救!关于坐标系转换问题 现在很多邮件服务器要身份验证,ASP.NET(C#)的SMTPMAIL类有设置身份验证和密码的属性吗? 怎么在基于对话框的程序中加入一幅bmp作为底图? 刚学java,碰到一问题,请 有空进来看看 showMessageDialog的使用问题 disable mainmenu控件的某个subitem怎样实现 哈哈,需要短信网关IP地址及其源代码的快来顶一下。 高中生物中哪些是小分子,哪些是大分子? 用一句话来形容她.深奥点. 反比例函数图象上任意一点到两坐标轴的距离的积都是3,且这个反比例函数与直线y=-x有两个交点,那么这个反 高中生物从小分子到大分子都要脱水吗? 为什么杯子里的水要适量,否则会把种子淹死,会发生什么现象 为什么浓硫酸具有氧化性 PPS上的那个臻字是什么意思 如何设计一个实验来测定某植物叶片的叶绿体色素含量. 如何量取2.76ml的高锰酸钾溶液? 铁和铝的化合物Al (+3)F (-1) Na2CO3 + 2HCl = 2NaCl + CO2 + H2O 100 44 这个44,和100是其式量还是什么啊 氧的最高价氧化物对应水化合物有吗 什么能代替喷壶 现有4.9克硫酸 6.3克硝酸 他们的物质的量之比 氧原子总数之比 P的最高价氧化物对应的水化合物能不能写成HPo3 酸只有在溶液中才叫酸?如氯化氢气体只有融于水了才叫盐酸? 苍蝇最爱吃什么?我买了灭蝇药,但那些苍蝇不会自觉来吃,请问混合一些什么苍蝇会闻到就来呢? 泥土的消化作用实验设计1废报纸2塑料袋3一块废布4鱼骨头5几个装有泥土的花盆 求大神说明下这个是叫什么插头 压榨核桃油需要去壳吗 你怎么理解“看得见的紫外线”这一句话 请各位大神帮我看看这个耳机的插头是什么类型的 解释一下大豆油的机械压榨 也就是所谓的物理压榨的问题 喜欢天然绿色食品的看看今天看见一则百度提问 回答者说物理压榨出来的也是毛油 浑浊不能吃还要经过精炼?你见过物理压榨的油 人类能看到紫外线吗? 吡罗红和甲基绿他们分别能对什么进行染色? 花生种子内储存养料的结构式由哪一个地方发育来的花生种子内储存养料的结构式由下列哪一项发育来的A.受精的极核 B.受精卵 C.子房壁 D.珠被知道的请速回答,最好能解释一下选择的原因, 为什么有些动物能看见紫外线 吡罗红甲基绿这种物质的用法? 怎样检测出明矾中的离子拜托了各位 怎么检测 只含碳和氧两种元素的化合物一定是碳的氧化物么 硼酸,在制一种片剂农药用到,他起什么作用? 怎样提高铝制产品的表面耐磨性能,主要是气缸的操作频率高,铝制气缸表面硬度和耐磨性能不够,请帮忙,多谢. 心电监护仪上pulse表示什么意思 浓缩洗洁精对自来水会污染细菌吗 铁铜及其化合物安排多少课时 下列变量之间的关系中,是函数关系的是A人的体重与年龄B正方形的周长与边长C长方形的面积与长Dy=±X的开方,y与x 浓缩洗洁精 对水 会污染细菌吗 请问甲基绿和吡罗红能分别使用吗? 一个正方形的边长为5厘米,将它的边长减少xcm后得到的正方形的周长为ycm,写出y关于x的函数解析式及函数的定义域.有钱的速度拿啊. 磁体在真空中能否吸引?比如一个真空试管,里面放上铁屑 ,外面有一块磁铁 能否被吸引? 氯化氢气体是不是酸? 列式表示下列问题中的y与x的函数关系,并指出哪些是正比例函数 (1)正方形的边长为x cm,周长为列式表示下列问题中的y与x的函数关系,并指出哪些是正比例函数(1)正方形的边长为x cm,周长 最近还有一种叫沐糖素的保健品说能消除人身体细胞膜上葡萄糖转运体的抑制提高葡萄糖转运体的活性不知真假网上宣传还有口服的葡萄糖转运体我有些糊涂了,不知这两家谁在忽悠糖友消费 光说HCL(没说是盐酸)是不是酸?氯化氢气体不是酸啊必须要溶解于水才是啊 那为什么做题的时候光说HCL(没说是盐酸)是不是酸?氯化氢气体不是酸啊必须要溶解于水才是啊 那为什么做题的 植物的种子由 发育而成的1.植物的种子由____ 发育而成.种子中胚由___和___结合後形成___发育而成.2.种子中的胚乳是由____和____结合後发育而成.3.高等动物的胚胎发育过程中,胰脏是由 胚层发育 测定不规则固体密度时,若被测物体侵入水中时表面吸附有气泡,则对实验有什么影响 擦拭显微镜当显微镜的镜头不洁影响观察时,擦拭镜头应用()A纱布B擦镜纸C绸布D脱脂棉 种子萌发形成幼苗是种子中的什么发育而成 测固体密度实验原理 显微镜镜头粘上灰尘用什么擦 二氧化碳能与水反应吗? 实验室抗压试块抗压试验怎么放置试块压光滑面,放在圆圈正中就可以了吧. 7.在一支试管中加入3ml的蒸馏水,向其中滴入数滴石蕊试液后,溶液呈X色,向液体中再通入CO2气体,液体呈Y色,把液体加热煮沸后,液体又呈Z色,问X、Y、Z的颜色依次为-------------------------------------- 硼酸和84消毒液起反应吗 花受精后不能发育的结构是什么 零深奥的解释知道的 快说 有点想佛教的 什么 有无之类的 变量y于x成反比例函数,x=1 ,y=2,求这个反比例函数的解析式. 花授精后都会发育成果实吗很好奇这个问题 我把我家的花的花粉弄到了花柱上 花会不会发育成果实 解释一句深奥的话~而人类思想和客观世界的明显差异在于它的矛盾性,而有了矛盾,就有对抗,有了对抗,就会有规则,于是,围棋终于有了它竞技的魂.是不是所有棋的魂都来源于规则? 已知反比例函数中两个变量的一组对应值,一定能求出函数解析式吗?我认为不是...设xy都为1的话就不成立吧~正确答案是什么? 澳大利亚新政府称将继续禁止华为参与网俄北高加索发生枪战 1名军官和1名武俄北高加索发生枪战 1名军官和1名武格鲁吉亚现总统发表卸职演讲 感谢民众格鲁吉亚现总统发表卸职演讲 感谢民众教授:转基因技术从根本上灭绝人类 是邢台多名农民工遭不明身份人殴打 警方外交部:中方对伊朗与国际原子能机构间日本一公司办公室内种160多盆大麻草世行报告:俄罗斯在营商环境排名中前进美国脱口秀主持人就“杀光中国人”言论外交部:中方将为推动两苏关系持续改善“基础四国”在杭共商应对气候变化并发浙江杭州一高校起火 300名学生紧急美驻吉尔吉斯使馆收到不明信封 内装白巴基斯坦女警被曝职场路艰辛 受性别歧日称中国海军2艘军舰经日本先岛诸岛毗亚太地区主要股市涨跌不一《世界新闻报》窃听案开庭 涉及政要、边\"开刀\"边造绿 杭州投10个亿温州苍南首起“地沟油”案制造者被判刑模拟法庭警示教育从“国家治理”角度理解司法机关独立行昭通:市委书记肯定预防工作上海黄浦区长出庭应诉图方便自配钥匙被辞退趁机偷车深刻领悟中央新要求开创政法工作新局面深入学习贯彻习近平总书记重要讲话精神检民连心卡方便服务群众实战练兵官员道德失范的“环境因素”业务竞赛第八日最大的敌人是自己“两结合”监督刑罚执行深入社区听民意分出你我香山廉话陕西部署从四方面开展队伍建设江西瑞昌:依法快速批捕一嫌疑人看轻身外之物
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘