(Toutiao) Cordova + React + OnsenUI + Redux news App development tutorial, cordovaredux

(Toutiao) Cordova + React + OnsenUI + Redux news App development tutorial, cordovaredux

Preface

Along with the increasing popularity of HTML5 technology, hybrid application development has received much attention. The technical framework is the most robust and fast continuous integration, it is the key to developing a cross-platform App. Therefore, this tutorial describes how to develop a hybrid application based on the Cordova platform by using the actual App development experiment.

Effect display

Cordova Integration

As the most cross-platform development framework, Cordova has become increasingly popular and has become the preferred framework for development on various platforms. Cordova has its unique features:

• Open-source framework, free integration
• Rich underlying plug-ins and third-party support
• Rapid integration of terminal commands
• Multi-platform support (ios android windows ...)
• Support for custom interfaces

React Integration

React is an HTML5 framework developed by facebook. It has now become a mainstream framework. Although its positioning is only a view in MVC, It is dedicated to virtual DOM and componentization, the ability to integrate the Redux framework for data management and quickly popularize it. At the same time, React also derives the React-Native technical framework driven by processing. The popularity of React-Native is self-evident.

In this tutorial, We will combine the React technical framework to compile the business logic.

OnsenUI Integration

If a technical framework is designed to improve user experience, a good UX design is also crucial. Therefore, this tutorial will recommend and explain OnsenUI integration in React, gradually build a news App.

OnsenUI has the following features:

• Supports multiple frameworks such as Angular 1.x, Angular 2.x React, and VUE.
• Rich component support
• ES6 integration syntax
• Lightweight UX framework

Redux Integration

As a streamlined implementation of Flux unidirectional data streams, the Redux framework has become the preferred data management framework for React (View. One-way data flow, large data volume management, and rich middleware integration make React development more flexible and convenient.

Summary

In general, this course will explain the entire process of hybrid application development, including architecture design, framework integration, module decomposition, and product release. The technical framework includes NodeJS, median prices for Webpack, npm, yarn, cordova, react, onsenui, and redux series.

In the tutorial, Nodejs is used as the basis to build an integrated script file, which simplifies the Cordova App publishing process and makes it more convenient and convenient.

If you want to know about hybrid application development, this tutorial is definitely the best choice.

Personal public account

(ID: tianwaiyecao)

Video tutorial address

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

Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.