使用纯前端 React+DCloud 打造一款移动 APP

作者/分享人:苏哲
向 Ta 提问
专注于前端移动端和pc端开发,熟练使用vue、react、jq、小程序、h5+、mui、layui、bootstrap、gulp、webpack等前端辅助开发。熟悉nodejs、mongodb、reactNative以及小游戏开发,熟练使用hb进行前端代码的app打包处理,了解php和thinkphp框架

本次将采用 React + Dcloud 前端技术,利用 HB 打包工具,来构建一款移动 APP,完成前端由开发到打包的整个过程。这样只通过纯前端技术就可以实现一款安卓和 IOS 应用,不需要去单独学习 Java 和 OC,一处开发多处应用。

React 本身是通过 Diff 算法,在第一构建出 DOM 树之后,还会构建出一个 Virtual DOM,是 DOM 树的抽象,可以理解为 JavaScript 对象,重新渲染的时候,会对比这一次产生的Virtual DOM 和上一次渲染的 Virtual DOM,对比发现差异之后,修改真正的 DOM 树时只需触及差别部分,比起传统的 DOM 操作更具性能优势,开发 APP 也十分方便。

此次功能主要有:

  • 界面的路由配置(包括嵌套子路由);
  • 列表页面携带参数进入详情页面;
  • Fetch 请求配置;
  • Redux 状态管理;
  • Webpack 代理设置;
  • 蚂蚁金服 Ant 框架使用 ;
  • 调用手机摄像头功能、音视频等功能。

本次难点主要是如何使用 Redux 状态管理(双刃剑),通过本次学习可以更好的理解 React 所具有的优势以及探索 APP 的开发。

已有341人预订
预订达标
文章出炉
     
05月11日
05月24日
本场 Chat 文章已出炉,购买后即可阅读文章并获得一张苏哲的读者圈Pass
请务必添加GitChat服务号以查看活动进度及获取活动通知。
查看文章评论/提问
好文文
React 倒是很熟 ,对 DCloud 和 HB 倒是第一次听说,但里面只字未提 😂
苏哲
https://github.com/wineSu/myReact本次代码放在了git上
你可能还喜欢
如何设计一个灵活的 MySQL 数据表,应对灵活多变的需求
李岩
Jenkins 自动化构建部署实战
火币集团研发中心
Java 程序员应掌握的 Nginx 实战应用
JPM
带你玩转 JSON
能量架构师
Python Pandas 做数据分析之玩转 Excel 报表分析
WinterLeo
小程序从入门到进阶
loonglong
微信扫描登录