码迷,mamicode.com
首页 > 移动开发 > 详细

(头条新闻)Cordova+React+OnsenUI+Redux新闻App开发实战教程

时间:2017-11-27 23:26:13      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:app开发   技术   数据流   整合   c中   混合   src   facebook   pack   

技术分享图片

前言

伴随着HTML5技术的普及力度与日俱增, 混合应用开发已经备受关注, 百家争鸣的技术框架,如何做好技术选型,搭建最稳健的架构,快速的持续集成,是一个跨平台App开发的关键所在,所以本套视频教程凭借实战App开发做实验讲解,带您共同学习基于Cordova平台的混合应用开发。

Cordova集成

Cordova作为最跨平台开发框架,已经变得越来越普及,已然成为各个平台开发的首选框架,Cordova独居一下特色:

  • 开源的框架,免费集成
  • 丰富的底层插件以及第三方支持
  • 快速集成的终端命令
  • 多平台支持(ios android windows…)
  • 支持自定义接口

React集成

React是facebook开发的一款HTML5框架,现如今已经成为主流的框架,虽然定位只是MVC中的一个view, 但是独居特色的虚拟DOM, 组件化的思想,能够整合Redux框架做数据管理,使其迅速普及开来,同时React也衍生处理驱动原生的技术框架React-Native, 火热程度已经不言而喻。

那么我们本套教程,将会结合React的技术框架做整理业务逻辑编写。

OnsenUI集成

如果一个技术框架,想提高用户体验,一个好的UX设计也是至关重要的,所以本套教程,将会推荐并讲解OnsenUI的在React中的集成,逐步搭建一个新闻App。

OnsenUI有如下特点:

  • 支持多个框架平台比如:Angular 1.x , Angular 2.x React, VUE
  • 丰富的组件支持
  • 支持ES6的集成语法
  • 轻量级的UX框架

Redux集成

做为Flux单向数据流的一个精简实现,Redux框架成为了React(View)的首选数据管理框架。单向的数据流动,大数据量的管理, 丰富的中间件集成,让React的开发更加灵活便捷。

总结

总体来讲,本套课程,会以实战的方式,讲解混合应用开发的整个流程,包括架构设计,框架集成,模块分解,产品发布;技术框架包括NodeJS, Webpack, npm, yarn, cordova, react, onsenui, redux系列中间价。

教程中会以Nodejs作为基础,搭建集成化的脚本文件,简化Cordova App发布的流程,使其更加方便快捷。

如果您想了解混合应用开发,那么本套教程一定是一个不二之选。

视频教程地址

http://edu.csdn.net/course/detail/6540

(头条新闻)Cordova+React+OnsenUI+Redux新闻App开发实战教程

标签:app开发   技术   数据流   整合   c中   混合   src   facebook   pack   

原文地址:http://www.cnblogs.com/jiangbophd/p/7906283.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!