简介
移动端的跨平台技术已经发展了很多年,技术越来越成熟,本次分享基于WebView的跨平台开发技术的优点和缺点介绍Cordova,介绍React Native原理,学习使用React Native 开发跨平台应用,Web、iOS、Android三端业务大统一:App = UI ( state )使得降低开发成本。
课程时长
2天(12H)
分享提纲
一、跨平台开发的前世,介绍Cordova(基于WebView的跨平台开发技术的优点和缺点) | 1.介绍基于WebView的PhoneGap和Cordova 2.优点 3.缺点 |
二、Cordova的原理 | 1.WebView渲染页面,CSS模拟动画 2.注入Native对象调用原生API |
三、次时代的跨平台开发技术方案(React Native、Weex、NativeScript) | 1.React Native is just a custom browser,通过原生控件渲染JSX 2.通过JS和Native实现动画 |
四、React介绍 | 1.介绍React Native,先要讲讲React 2.Slogan:Learn one,write anywhere,基于JSX进行抽象,达到一次学习经验,可以在多端进行技能复用 |
五、React Native的原理和开发跨平台UI | 1.React Native的原理介绍 2.如何使用React Native 开发跨平台应用 |
六、React Native生态(Redux、Dva、React-Navigation) | 1.ReactNative只是UI 层,一个完整的App 需要状态管理:Redux 2.Redux的最佳实践:Dva 3.开发一个App最重要的组件:导航对比介绍:Navigator vs NavigatorIOS vs NE vs Ex-Navigator vs React-Navigation |
七、React Native和Native之间的Gap:功能扩展(微信登录、视频直播) | 1.官方功能不够怎么办?学写一个第三方组件 2.视频直播功能扩展 |
八、Web、iOS、Android三端业务大统一:App = UI ( state ) | 1.如何尽量降低开发成本? 2. App = UI( state )是本质:业务大统一的整体架构 |