1. 商城 APP，支持 iOS && Android 平台

查看代码
查看视频演示(密码：7n7v)

主要功能有:

  • iOS && Android 双平台支持
  • 支持用户注册、登录、个人中心等功能
  • 扫描二维码
  • 接入第三方通知服务
  • 通过 WebView 接入已有的 web app

这是我使用 React-Native 开发的第一个 APP，也是从这里开始使用 ES6 用于日常的开发。从这里开始了我的现代化前端开发之路，告别了以前的刀耕火种开发方式，在开发体验上得到质的飞跃。

今天回头看来，代码在命名上、整洁度、模块划分还是保持得比较好，即使这个项目只有我一个人参与，也没有放低标准，尽可能做到清爽、漂亮。当然，其中也有一些不合规范的地方。比如：

  • 这里 import require 混用
  • 对 bind 箭头函数 之类的概念也是一知半解
  • 对 API 的数据请求散落在各个文件中
  • 没有使用统一应用状态管理

当时是看着文档就开始做了，对 ES5、ES6 都没有很深的认识，只希望项目能尽快跑起来。还好，及时完成了目标。由此深感到自己的 JavaScript 基础之差，做完这个项目寒假就回去看《JavaScript 权威指南》去了，恶补了基础知识。

其实不论是 ES6 还是 React-Native 都不是在做这个项目中的最大困难，遇到的最大困难其实是对 Native 开发的不了解，那时候 React-Native 还只在 0.20.0，还非常早期，不稳定，搭建一个开发环境都要花很大力气，尤其是在搭建 Android 开发环境上。

2. 学校家庭作业系统

整个系统由后端，教师客户端，学生客户端组成，其中后端使用采用 Python 编写，客户端全部基于 React-Native。

后端