详解下一代开源混合应用框架reapp -欧洲杯足彩官网

2顶
0踩

详解下一代开源混合应用框架reapp

2015-03-02 11:02 by 副主编 mengyidan1988 评论(1) 有7254人浏览

框架 javascript reapp react

声明：iteye资讯文章的欧洲杯足彩官网的版权属于iteye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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上。

传送门：、

分享到：

2
顶

0
踩

评论共 1 条请登录后发表评论

1 楼 2015-04-28 14:43

一直在寻找好用的混合开发框架，来开发android应用，有推荐的吗？

发表评论

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

相关推荐

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

mina开源框架心跳机制详解

详解下一代开源混合应用框架reapp reapp欧洲杯足彩官网

一、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一样宽松的许可协议,作者只想保留欧洲杯足彩官网的版权,而无任何其他了限制.也就是说,你必须在你的...

目前市场上有很多优秀个开源框架，比如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光盘管理系统设计(源代码系统)本资源系百度网盘分享地址

详解下一代开源混合应用框架reapp -欧洲杯足彩官网

2顶0踩