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

Posted 2022-12-01 天外野草

前言

伴随着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发布的流程，使其更加方便快捷。

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

个人公众号

（ID： tianwaiyecao）

视频教程地址

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