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

Z时代
2024-01-10
分类：综合

react

前言

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