资讯频道 → 移动开发
阅读更多

2顶
0踩

移动开发

原创新闻 详解下一代开源混合应用框架Reapp

2015-03-02 11:02 by 副主编 mengyidan1988 评论(1) 有7492人浏览
框架 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 =
  <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托管地址
  • 大小: 76.5 KB
  • 大小: 44.4 KB
  • 大小: 73.5 KB
2
顶
0
踩
评论 共 1 条 请登录后发表评论
1 楼 shuhen2011 2015-04-28 14:43
一直在寻找好用的混合开发框架，来开发Android应用，有推荐的吗？

发表评论

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

相关推荐

  • 开源计算机视觉库OpenCV详解

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

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

    Mina开源框架 心跳机制详解

  • 【React】 详解下一代开源混合应用框架Reapp

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

  • 主流开源深度学习框架简介

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

  • 《Android应用开发详解》源码

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

  • 详解蚂蚁开源框架SOFA

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

  • Mina网络应用程序NIO框架实战详解

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

  • Android应用开发详解

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

  • 若依开源框架解析

    1、框架介绍 RuoYi是一个基于Java技术开发的后台管理系统，目前官方同步在维护的有3个版本。 开源协议：MIT 解释：MIT是和BSD一样宽松的许可协议,作者只想保留版权,而无任何其他了限制.也就是说,你必须在你的...

  • GameFramework框架详解之 框架总览

    目前市场上有很多优秀个开源框架，比如ET，GameFramework，DBFramework，StrangeIOC，Loxodon-Framework，KSFramework，xluaFramework等等。其中要说规范的话，不得不说GameFramework还是不错的，当然很多新手看到后...

  • 详解C++开源网络传输库libcurl的编译过程

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

  • JBPM工作流框架详解（JSP应用）

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

  • Django框架详解

    一、MVC框架 1、MVC框架核心思想： 分工和解耦 2、web MVC举例： 以通过浏览器注册用户信息为例： M:Model,模型， 和数据库进行交互。 V:View,视图， 产生html页面。 C:Controller,控制器, 接收请求，进行处理...

  • CrashRpt开源代码使用详解（一）：CrashRpt介绍及简单应用

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

  • 76.qt qml-QianWindow开源炫酷界面框架(支持白色暗黑渐变自定义控件均以适配)

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

  • Flutter框架详解

    关于Flutter框架的原理与优劣，一文通透。

  • Java框架总结

    本系列用来记录常用java框架的基本概念、区别及...SSH框架是JAVA EE中三种框架所集成，分别是Struts，Spring，Hibernate框架所组成，是当前比较流行的java web开源框架。 集成SSH框架的系统从职责上分为（Struts2--...

  • C/C++开发人员要了解的几大著名C/C++开源库

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

  • NLP开源工具详解

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

  • Python项目-自动办公-56 Word_docx_格式套用.zip

    Python课程设计，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。

Global site tag (gtag.js) - Google Analytics