（頭條新聞）Cordova+React+OnsenUI+Redux新聞App開發實戰教程

標籤：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開發實戰教程