详解下一代开源混合应用框架reapp -pg电子游戏网站

2顶
0踩

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 =
  
    
    
  

使用后:
module.exports = routes(require,
  route('app',
    route('sub'),
    route('othersub')
  )
)

更多模块具体细节可以。

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








传送门:、
  • 大小: 76.5 kb
  • 大小: 44.4 kb
  • 大小: 73.5 kb
2
0
评论 共 1 条 请登录后发表评论
1 楼 2015-04-28 14:43
一直在寻找好用的混合开发框架,来开发android应用,有推荐的吗?

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 详细介绍开源计算机视觉库opencv。

  • mina开源框架 心跳机制详解

  • 详解下一代开源混合应用框架reapp reapppg电子游戏网站官网

  • 一、tensorflow深度学习框架二、pytorch深度学习框架三、keras深度学习框架四、caffe深度学习框架五、中国深度学习开源框架状况六、几种框架的对比七、其他统计数据当下,有许多主流的开源深度学习框架供开发者使用...

  • 《android核心技术和开发详解》各章案例的全部源代码,第一章将要介绍的是android开发起步的相关知识,首先对android平台进行简单的介绍,其中包括android的背景及其应用程序的框架。然后会向读者讲解如何搭建....

  • 前言 sofa解决:分布式下的服务和组件管理以及调用繁琐...sofa 是蚂蚁金服自主研发的金融级分布式中间件,包含了构建金融级云原生架构所需的各个组件,包括微服务研发框架,rpc 框架,服务注册中心,分布式定时任务,.

  • 课程通过循序渐进的方式从相关的名词概率介绍,到基础的模型bio、nio、aio实现和练习,重点讲解nio相关的知识,然后延伸到nio框架上去练习。 课程还将在工作中应用较多的几种编解码器进行详细分析和练习。 mina是...

  • 比较好的一本android书籍,靠这么详细了

  • 1、框架介绍 ruoyi是一个基于java技术开发的后台管理系统,目前官方同步在维护的有3个版本。 开源协议:mit 解释:mit是和bsd一样宽松的许可协议,作者只想保留澳门pg电子游戏的版权,而无任何其他了限制.也就是说,你必须在你的...

  • 目前市场上有很多优秀个开源框架,比如et,gameframework,dbframework,strangeioc,loxodon-framework,ksframework,xluaframework等等。其中要说规范的话,不得不说gameframework还是不错的,当然很多新手看到后...

  • 本文详细讲述如何编译开源的网络传输库libcurl。

  • 1.了解工作流的相关概念;2.jbpm的插件安装与配置;3.创建与配置工作流;4.创建简单的工作流;5.创建动态请假工作流;6.发布工作流;7.启动工作流;8.执行工作流;9.动态创建多任务工作流;10.动态创建抢任务工作流...

  • 一、mvc框架 1、mvc框架核心思想: 分工和解耦 2、web mvc举例: 以通过浏览器注册用户信息为例: m:model,模型, 和数据库进行交互。 v:view,视图, 产生html页面。 c:controller,控制器, 接收请求,进行处理...

  • crashrpt开源代码使用详解(一):crashrpt介绍及简单应用   1、简介 crashrpt是一个开源的第三方包,在程序出现未处理异常时,能够收集错误信息,并生成程序错误报告。crashrpt可以将报告按照指定的方式(例如...

  • 最开始本人只是做专栏分享,本人也很难,每次想到什么demo都是先给大家写,然后再花时间自己用、在本人不知道的情况下, 在群里发,并宣传一天不到就写好了。(其实动态多级折叠栏就已经花费了我4天、然后抽屉栏等等)

  • 关于flutter框架的原理与优劣,一文通透。

  • 本系列用来记录常用java框架的基本概念、区别及...ssh框架是java ee中三种框架所集成,分别是struts,spring,hibernate框架所组成,是当前比较流行的java web开源框架。 集成ssh框架的系统从职责上分为(struts2--...

  • 本文详细讲述c/c 开发人员需要了解的几大著名c/c 开源库。

  • 面向工业应用的中文nlp开源工具集、基于paddlepaddle深度学习框架打造的工业级nlp开源工具集。 一、文本分类 1、文本情感分析 情感是人类的一种高级智能行为,为了识别文本的情感倾向,需要深入的语义建模。另外,...

  • vb语言vb光盘管理系统设计(源代码 系统)本资源系百度网盘分享地址

global site tag (gtag.js) - google analytics
网站地图