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

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

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

数据会被清空:部分三星、魅族手机存安全漏洞 IE10简化文件访问 支持FileReader API 从MySQL迁移到MariaSQL Wikipedia力求开放 奥巴马筹款网站的制作过程 国内芯片厂商发力4G 新岸线2013年将推LTE方案 CMDN Club 23期:开放平台和O2O移动产品开发 花旗调低Apple股票评级 不信iPhone5会卖得好 2012年Linux Journal读者选择奖结果公布 百度云SiteApp:三步轻松创建移动网站 Twitter跨数据中心图片存储系统Blobstore解析 摩托罗拉携手中国移动发布Intel Inside智能机新锋丽i MT788 第五届“英特尔杯”全国大学生软件创新大赛圆满落幕 Appro推出液冷超级计算机 Dell:曾敦促微软WinRT放弃Windows品牌 IE10十大优点:渲染页面比Chrome快8% 法国电信:开放平台下的O2O移动产品怎么玩? 客如云创始人彭雷:寻找O2O“失落的半圆” 中国电信宋鹏飞:天翼开放平台的服务及架构解析 W3C小组宣布:HTML5标准制定完成 还记得DUQU吗?起因可能是Windows中存在了20多年的漏洞! API管理的五大规则 Google也节能:挖角美能源部Arun Majumdar博士 预测:云计算领域的5大变革 CTO俱乐部:移动信息化的创新实践及互联网创业 核心组图曝光:BlackBerry 10明年1月30日发布 “蛐蛐儿”创始人朱连兴:音频二维码的技术实现和应用场景 信恩科技创始人林兴陆:QR Code二维码的前世今生 2012移动开发工具盘点:傻瓜式游戏工具引擎 《福布斯》发布年度“未来之星” 扎克伯格上榜 Cloudera透露Impala发行版新功能及开源计划 Nokia落寞身影下 三星成为全球最大手机厂商 重磅炸弹:了解、懂、精通PB的标准是什么?有人能给予确切的答案吗? vj中如何连接sqlserver???(直连接不是jdbc-odbc) 请问四川的怎么查软考成绩啊 如何安装40G的硬盘?(急!!!!!!) 公告:XMLBBS项目暂停一个月 关于weblgic下jsp编程的问题!!! about Release?? 在非控制台中,怎么取得运行者给的参数。 高难问题:Delphi 程序如何向CBuilder编写的DLL传递窗体指针,在DLL中如何用 关于实现头像跳动的问题!!!???? 请问我们平时用的电话机,传输的是数据信号还是模拟信号? outlook express有毒? 哪位大下指点一下:html 带参数访问 servlet 小小调查,向有识之士请教~~~ 谢谢~~~~ 有没有一种线程安全的方法来取得一张表的元组个数? listview排序的,过来看看。。 有一获国家专利的中文输入法软件急于开发 帮忙解释一下implementation什么意思,有什么作用. A Question about ActiveForm and TabStop. 用于从INI文件中读字串的函数是什么?请示高手! 清問:Datareport實現不了的功能如何實現?清大蝦指教,謝謝! 检测下拉列表中批配项,有则选中 为什么DBGRID显示一片空白,记录应该取到了。代码如下: 谁有免费出国代理,急用。如果能有,马上给分 关于学习.net与j2ee的抉择问题,欢迎各位大侠热烈讨论!!! 求PHP代码,功能是:判断字符是否全部为汉字? 又是MSFlexgrid的问题!!!请大家帮忙~! ActiveX访问数据库的问题? REDHAT LINUX 7.2下如何建立多个用户?多谢指点! 关于网线!高分!!!!! 关于生成文件的方法? 课程表开发 请问各位前辈,是否只有新增加的字段才有可能成为计算字段?谢谢! 俺要写一个简单的文本的报文,string类型的 关于生成文件的方法?..... 有谁能告诉一下我CVS和SSF是什么?,具体是指些什么?? WIN2K 的问题:1、怎么允许本地普通用户(user)关机;2、怎么能让本地普通用户开机后,客户机连接到SQL SERVER?3、为什么我的SQL量SERVER2K需要停止然后再启动客户才能用? 如何用VB把存储在ORACLE库中的图片字段取出成.JPG格式的图片文件????急在外出差呀多谢了~~~~~ 如何退出函数?exit function??? 测试2000的TCP/IP是否通,用什么命令 求助开发课程表提示 (*****向斑竹你提个小见意,大家最好都来看看,这个想法好不好!****) 为什么我做的增加功能有两个必须要按两次“添加”按钮才能新增一条记录啊? 很急,请教高手,如何把一个ip格式的字符串转换成ip类型,不是用getbyname(),而是像int和string转换一样的概念 请问如何让基于对话框的工具条一开始就浮在上面 来者有分,关于ado的 毛子青论文<<动态规划的优化>>,一个最长子序列的算法,请高手看过来(给出c实现代码的送20分!) 在鼠标单击时间中,可以使用什么函数取得鼠标点击处的坐标值 怎样在单击左键时弹出PopupMenu? 连续20多天加班,近来明显感到体力透支,做个调查!!!(有分) ASP调用VB编写的ActiveX DLL的问题 某气体的分子组成是XO2,在标准状况下,8.8g这种气体体积是4.48L.求此气体的摩尔质量和X的相对原子质量 如果教室里的温度是零上16°C而教室外的温度是零下16°C,那么室内外相差( )℃ 高中长期提问用户,标准状况下32G某气体的分子数目与22co2的分子数目相同,则气体的摩尔质量 请问65锰弹 簧钢板和65锰钢板它们之间区别是什么 锰粉和电解锰的区别及用途 现有32g某气体,该气体分子由三个原子构成,它的摩尔质量为64g/moL.若阿伏加德罗常数NA≈6.02x10的23次方moL的-1次方表示,则该气体的物理的量为 moL 65锰钢板.凑字65锰钢板 具体都可以做什么用?有知道的吗 希望可以详细点 448mL某气体在标准状况下的质量为1.28g,该气体的摩尔质量约为多少? Q235B、Q345B钢板的最新价格是多少? 50锰钢板 50锰钢用途、价格? 标准状况下,112ml某气体的质量是0.14g,该气体可能是 (N2 WHY?) 标准状况下,5.6L某气体的质量为11g,其摩尔质量是_____ SA516GR70钢板的锰含量是多少?价格现在怎么样? 标准状况下,0.112某气体的质量为0.14g,求某气体的摩尔质量及相对分子质量(写出过程) 标准状况下,8.5g某气体占有体积为5.6L,则此气体摩尔质量和相对分子质量是多少? 在标准状况下,1mol锌与足量的稀硫酸完全反应,可生成氢气多少升?生成硫酸锌物质的量为多少摩尔?若反应后体积为0.5L,求硫酸锌溶液的物质的量浓度.Zn 65.4 Cl35.5 玻璃管的和筷子一样长的那种温度计可以当室内温度计测量室温用吗 在标准状况吓,5.6L某气体的质量为10克.则该气体的摩尔质量为?给我说说, 在实验室里使用稀盐酸跟锌起反应,在标准状况时生成3.36L氢气,计算需要多少摩尔的Hcl和Zn 小明将冰块放入易拉罐中加盐.用筷子搅拌大约半分钟,用温度计测量罐中冰和盐水混合物的温度,可以看到混合物的温度低于0℃.这时他观察易拉罐下部和底部有白霜.关于该现象说法正确的是( 低合金高强度结构钢钢板 460C 10*2000*8000是什么意思主要是10*2000*8000 重晶石有没有硅成份,重晶石的价值比石英石高吗 小明将冰块放入易拉罐中加盐.用筷子搅拌大约半分钟,用温度计测量罐中冰和盐水混合物的温度,可以看到混合物的温度低于0℃.这时他观察易拉罐下部和底部有白霜.关于该现象说法正确的是( 低合金高强度结构钢的牌号主要有 哪三个部分组成 硫酸钡及白度都90以上,密度4.4的重晶石现在市场价是多少啊? 将冰块放于易拉罐中并加入适量的盐.用筷子搅拌要用手拿着吗可以放在桌子上吗?快. 请问低合金高强度结构钢Q345能与碳素结构钢Q235焊接吗?焊接以后会漏水, 重晶石,重晶石粉在防辐射中的运用重晶石砂浆和重晶石混凝土,用 以代替金属铅板屏蔽核反应堆和建造科研、医院防X射线的建筑物. 标准状况下,112mL某气体的质量为0.14g,则其摩尔质量为?相对分子质量为? 为什么说“无论外界气温如何,冰水混合物的温度始终是0℃”?请不要复制哦,给我很详细明了的答案好吗~外界气温升高冰水混合物不吸热吗?外界气温降低冰水混合物为什么不会结冰呢?谢谢 重晶石选矿设备哪个厂的好?重晶石选矿设备的型号有哪些?重晶石选矿设备的市场价是多少? 16锰钢板 6mm厚的 价格 在标准状况下 ,体积为8.96L的CO和CO2的混和气体共14.4g,混合气体中碳原子的个数是 请问谁知道锰过量对人体有什么危害? 35#钢板可以用什么材质代替,Q235、Q345、16Mn? 已知有4.4g二氧化碳,有—— 个摩尔原子 有——个碳原子 锰粉和铝粉的储存和对人体有什么危害请问各位专家,锰粉和铝粉的储存用什么来包装能有效的降低氧化程度,尽可能的保存时间长点,另外请问锰粉和铝粉对人体有什么危害,在粉尘不厉害的情 45#钢板和Q345钢板有什么区别 14.4g的co与co2的混合气体在标状下体积为8.96L,为什么平均摩尔质量为36g/mol,怎么算得 锰对人体有害吗 请问,用保温杯装冰块是否会损坏保温杯? 16Mn可以用什么材料替代 请问锰超标对身体有什么害处? 保温杯 冰块 温度因为要从江西带一种药到浙江,把药放在保温杯里再装满冰块`我想问,冰块在保温杯里是零下多少度? 16Mn材质,以下几种符号分别代表什么意思? 现在温度都零下了 怎么我电脑刚开机就65度 过5分左右就15度左右了?用鲁大师检测的今年十一配的机器 CPU 速龙3核 440 主板微星880GM-E41 说的是CPU温度刚开机过高 5分钟后就15度左右了 保温杯装冰水会影响保温效果吗 为什么在标准状况下,1摩尔的任何气体的体积相同 氨氮锰对身体有什么危害? 将冰箱中刚取出的温度为-8'C的小冰块放入盛有冰水混合物的保温杯中,过一会看到的现象是A小冰块补熔化,保温杯中冰水混合物的水,冰数量不变B.小冰块补熔化,保温杯中的冰水混合物有部分 1摩尔气体的体积为22.4L时、该气体一定处于标准状况吗?要有几句的理由 标准状况下,用1体积的水吸收_____体积的氨气后可以制得浓度为10.0mol每升、密度为0.920g每摩尔的氨水急 保温杯内冰水混合物的温度是否处处为0度? 同温同压下相同体积的某气体与H2的质量之比为22,则该气体的摩尔质量为 判断对错:零下10°C比零下5°C的温度高是对是错? 0.04mol某气体在标准状况下的质量为1.28g则该气体的摩尔质量为 A 64g B 32g C 64g/mol D 32g/mol 在同温同压的情况下,知道CO2,H2,CO三种气体的混合气体的摩尔质量为28,怎么求三种气体的体积比 普通的锰钢板是如何淬火,需要多少温度?有什么要求? 零下5℃比零下4℃的温度()?A、一样B高C低 已知1.505×10²³个A分子的质量为8g,则A的摩尔质量是?A.8g B.32g C.32g/mol D.64g/mol
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn