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

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

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

移动周报:全球最大校园Hackathon的参赛宝典 Unity3D首届游戏创意设计大赛开始报名 中国日报:向移动新媒体蜕变 C#五子棋程序设计 Mozilla宣布推出Firefox OS 面临四大问题 Ruby 2系列首个稳定版 Ruby 2.0.0-P0发布 微软改进Windows Blue搜索 系统或今夏推出 移动新趋势:扁平化设计 vs. 拟物化设计(下篇) 传奇程序员:Minecraft开发者Notch大神 让沟通更便捷 ConnectYard宣布推出全新的Web API 在Hadoop上运行SQL:程序员需知晓的13种数据工具 怎样用好Eucalyptus? AWS攻势变猛,Rackspace主动降价CDN与云存储 惠普将于下季度推出低功耗的Moonshot服务器 webOS复活!LG收购webOS用于智能电视 那些因为HTML5而将消亡的产品 初窥iWatch用户界面:开创基于时间的全新体验 如何编写出拥抱变化的代码? 20个优秀的前端框架 以AWS和vCloud为标杆看四大开源平台的定位 桌面集成开发环境五年内必将“死亡”? 助影人圆梦奥斯卡 8mm相机应用其实很平庸 苹果应用审查团队叫停Cookie追踪技术 时势造英雄:中国早期O2O创业故事 iOS开发与Android开发的四大不同 “消极抵抗”AWS OpsWork?RightScale首次宣布转售并支持GCE 2012年VC都把钱投给了哪些大数据初创公司? 耐用性将成苹果iWatch最大挑战 Sphinx:首款全硬件加速HTML5游戏引擎发布 PayPal创始人Levchin又创办了一家移动支付公司Affirm Zuck、Bill Gates、Jack Dorsey上银幕激励孩子编程 BBS等网站如何提防自动灌水机的捣乱? 高级程序员+mcsd年薪有多少? 用BCB做一个类BCB的菜单编辑器可能吗,如何实现,欢迎大家一起来探讨探讨,请...... JSplitPane如何动态调整左右帧的大小?如何监听窗口变大,缩小的事件?(java中好像没有) NCR-unix下如何修改网卡上绑定的ip地址? 请教一个简单问题,怎么实现象foxmail那样的,在状态栏中留一个图标,单击再恢复? Mmxado错误 oracle问题!!!分数不多,但望高手不吝赐教 RECORDSET对象的UPDATE方法时出现以下错误提示 致斑竹流方,怎样以树形结构列出并打印PBL中所有对象,包括对象中的控件和事件,并标识哪些有脚本? 怎样学习编写VB代码?以及它与ADO数据库之间的连接? 原来holyfire是这的班主! 我最敬佩的人是:playyuer(女㊣爱)! 问一个关于TTreeView控件中树节点所带数据的问题 菜鸟求救:有关DBGrid显示的问题。 当读取1万条记录以上,应怎么做才有高效率? 那想在记事本中实现“查找,”“替换”。。。。要怎么做,我头猛大 有没有按位图画不规则窗口的代码? 怎样得到LISTCTRL的全部列(COLUMN)的信息,难道要用GETCOLUMN()? 为什么现在学win32 API的人这么少? 还是老问题 redhat安装问题,请高手指点 网页中有一文本框,如何约束用户输入格式 现在fanso怎么回事? 安徒生童话之六---老爹做的事总是对的 (呵呵,好故事,很美丽) 如何调用EXE或DLL程序,使被调用程序是调用程序的MDI中的一个子窗口? 《网络设计师教程》P103表5.2中 4B/5B码和4位2进制之间是怎么转换的? COM进程类组件中,在一个接口中加了一个方法,成员变量类型CString,可是不行,那该用什么? 请问那里有 motif toolkit 开发工具下载 一个mysql的问题! 出售软件源代码以及销售权! byte类型的数据如何转化成二进制数,显示给用户(如8-》0000 1000) 代征:精通vc的深圳朋友,精通网络通讯的开发和多媒体处理。 20分求助!这条警告是什么原因呀?怎么解决 ?LINK : warning LNK4089: all references to "SHELL32.dll" discarded by /OPT:REF 局域网的文件共享传输是基于什么协议的? windows and dos ??? 请问大家几个技术问题!!谁能回答阿!比较着急!:) 有没有代替VB里的PICTUREBOX 的控件,VB里的不好用?????????? 我是新手,请问JSP有些什么开发软件?比如JAVA用JBUILDER。。。 请问知道整型值a=97,什么函数可以得到"a"呢?即97->"a"通过什么函数呢? 如何将十进制数转换成二进制数 函数对象的简单问题 喜欢仙剑的朋友请进。:) 恭喜恭喜? 我想制作C++ Builder4工程的安装程序,不知道用什么软件,请大家帮忙。谢谢! 请问大家几个技术问题!!谁能回答阿! 我是ASP初学者,请求一个简单的问题,Help!!! 有没有关于installshield6的书, 快看呀!我真的要不行了! 请教大家一个术语吧! 低手问题,关于Form中的数据问题,谢了。 谁有小学《做风车的故事〉这篇课文? 作文:XXX,谢谢你作文600字左右不要太抒情了 以《我长大了》写一篇作文要求开头、结尾超级好,用上好词比喻、排比句(主要是开头结尾)要高中水品的 关于风车故事的原文有一个故事就是讲国王把风车拆了,风车主人把国王告上法庭,主人赢了后来儿子没钱了就卖给国王的儿子,新国王不收,永远保留主人的拥有权麻烦要原文 我快乐因为我XXX的作文 600字的 作文 【我长大了】 600字 歌颂党歌颂祖国这类作文怎样写好一些?不用帮我写,提示提示我就OK! 求小学课文《渔夫和金鱼的故事》 作文《xxx的我》(600字以上) 以鼓励为话题的作文请以“鼓励”为题,写一篇不少于600字的文章.(题目不能是《鼓励》!) 《做风车的故事》是第几单元的课文? 求那一次,我XXX的作文,500~600字. 以“鼓励”为话题的作文78979 作文《我心中的桃花源》600字,求求你们了, 作文 我的生活充满xxx 600字初中水平的作文 ,我的生活充满xxx ,6oo字,后天要用 求一篇以“鼓励”为话题的作文要是生活中的事,不用写地太好,一般般就可以了。字数不用太多,大概500-600就差不多了。可以是“动车事故”中的小女孩之类的。 求《我心中的桃花源》500字作文先写 我喜欢Xxx作文 小学课文名 “我心中的桃花源”这篇作文该怎么写好这篇作文该采用怎样的结构,文章又写些什么才好呢?帮忙列下提纲或范文 xxx真忙作文比如妈妈真忙 快 明天要用 好的加分 这篇小学课文叫什么名字? 我心中的桃源作文应该怎么写? “我真xxx”作文怎么写?急 求一小学课文名 我心中的桃花源作文600字 我真的很xxx作文 小学课文《老人与海鸥》的主要内容(50字以内)我很需要! 以我心中的桃花源为题 400字作文字不要太多 关于 XXX 我想对你说 作文 小学五年级那篇课文有嘹亮这个词 作文《我心中的桃花源》怎么写? 《xxx我想对你说》作文 一小孩把斧子掉入河里,一老爷爷拿金斧和银斧问是你的吗?这是什么故事了 我心中的桃花源作文写的思路是什么? xxx我想对你说的作文 《金鸟和银鸟》蕴含的哲理同上和第九段写樵夫看到了金鸟,这是为什么? 我心中的桃花源 作文600字左右 中学生水平 第二次_____、十五岁,我多了一分______均不少于500字.我不管是不是网上的. 树与斧子的寓言故事寓意说出 xxx我想对你说作文注意题材要新颖,不要那种妈妈啊,老师啊,之类的我想对你说,太俗不可耐了.注意一定要新颖啊! 假如我会变 明天就要交了,300字以上,写好点,只写1样,这样的300字 关于 树和斧子的寓言故事 XXX 我想对你说的作文 谁有初一的2篇15句的英语短文 要求关于春节的 普罗米修斯的故事这篇课文怎么分段说清楚怎么分段,意思也说!快,一小时内! 以再见xxx为题,写一篇700字的作文, 谁有展望未来2(第8课到第15课的课文文章)答的好我有高分的.有多少要多少 普罗米修斯的故事急~~~~!急!急 作文,再见了xxx(缺点)半命题作文,急撒,一定要是缺点,比如说骄傲、好玩等等,最好写好玩,我挺好玩的 求英语小短文.速度.以next weekend 为题,写一篇小作文,十句话就好.关键字为周六goshopping、do my homework 、do housework,周日read a magazine and any books。 普罗米修斯课文的主要内容 我要一篇名叫《XXX,请别这样做》的作文. 求英语语文作文...八篇60字的初中英语日记..2篇语文读后感 2篇作文600字.. 普罗米修斯课文主要内容是什么 写一篇XXX我想对你说的作文范文就行,只是参考下 阅读短文.英语.If you have no special plans for your holidays,why not spend your time helping others?Some people say that the young people today only think of themselves.But it’s not true.More and more young people in the U.S.A.volunteer(自 《普罗米修斯的故事》的主要内容 写一篇作文《我的同学XXX》急~描写这位同学很胖,然后发生的一系列事.请不要发类似这样的回答.“自己写····”如果发这样的回答的人.请离开.我不是投机取巧。我是收集几篇好的作文。 如何才能速度背英语短文?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn