React Native - demo 适合初学者实践

#1

技术栈 : React Native

因公司在短时间内需要做一款APP,安卓同事,IOS同事 倍感乏力,团队最终决定使用 react native 三人联合开发, 该 demo 是我在项目之前实践练手的,现在分享给大家,忘大神们不喜勿喷。

首先,该 demo 的诞生只是为了实践各种 RN 的技术;如: Tabbar,页面渲染,组件引用,网络请求,动态渲染,路由跳转,各种插件使用 等

遗憾的是一开始练习并没有 React 思想化,没有把各个组件分发成一个个细小的组件,合理复用,组件化,模块化。(也就是所谓的组件封装,后期公司项目里已合理复用,包括API管理,网络封装,异常处理等,组件化)

总结:问题肯定是遇到了的,部分已记录在博客 进入博客 ;总的来说项目开发成本较低,效率够快,跨平台,热更新,体验接近原生APP,本人也喜欢RN的开发思想和设计模式;要说缺点:可能就要说到文档不够详细,调试debugger总会无固报错,最后就是还没有完全兼容两平台。

demo 实现了 :

1,首页 banner轮播 + 八个小图标两行 + 商品列表(含上拉加载,下拉刷新)

2,消息页面 实现了新闻列表 + 新闻详情

3,我的页面 实现了快速入口列表导航 + 入口识别

4,插件使用之 Axios 基于 ES6 Promise 的网络请求,操作,渲染,以及传值

5,项目源码

6,项目中后来又封装的部分插件,

echarts 柱形+折线    , cell 自动生成   , 进度条  ,vue 入门

#2

用的还不错,爽的很

#3

感谢钟老板 ~ :grin: