【已完成】这里是《Taro 多端小程序开发大型实战》系列教程的源代码仓库。

微信小程序云效果，微信小程序全流程：登录、发帖、展示帖子列表、查看帖子详情：

LeanCloud 效果，支付宝小程序全流程：登录、发帖、展示帖子列表、查看帖子详情：

主要是展示帖子列表，每个帖子包含：1）标题 2）描述 3）发帖人用户头像 4）发帖人用户名

主要展示帖子详情，是另外一个页面，因为对于帖子列表展示的信息有限，详情页可以展示更多的帖子正文信息

主题用于给登录用户发帖，包含标题和正文，发的帖子会自动带上登录用户的身份信息

已登录：展示用户头像和用户名

未登录：展示普通登录按钮和微信登录

未登录，进行登录界面：上传头像和输入昵称，昵称会自动作为用户主键标志

克隆本仓库，然后进入 ultra-club：

git clone https://github.com/tuture-dev/ultra-club.git
cd ultra-club

安装 npm 包：

npm install
# yarn

开启微信小程序开发服务器：

npm run dev:weapp
# yarn dev:weapp

开启支付宝小程序开发服务器：

npm run dev:alipay
# yarn dev:alipay

1. 熟悉的 React，熟悉的 Hooks
   • 用脚手架初始化项目
   • 用熟悉的 React 代码编写用户界面
   • 使用 React Hooks 重构状态管理
2. 多页面跳转和 Taro UI 组件库
   • 用自带路由功能搭建多页面应用
   • 用 Taro UI 组件库升级界面
3. 实现微信和支付宝多端登录
   • 微信登录
   • 支付宝登录
   • 普通登录
   • 退出登录
4. 使用 Hooks 版的 Redux 实现应用状态管理
   1. 使用 Hooks 版本的 react-redux 来做绑定库
   2. 将应用全流程接入 redux
   3. 处理关于 loading 相关的加载
5. 尝鲜微信小程序云
   1. 在 redux-saga 中使用微信小程序云
   2. 接通微信小程序云全流程
6. LeanCloud，一统江湖
   1. 在 redux-saga 中使用微信小程序云
   2. 接通微信小程序云全流程

欢迎对此教程的内容进行反馈（无论是疑问还是改进意见），可以在文章下方留言，也可以在此仓库创建 Issue！

• 微信公众号：关注公众号，加图雀酱微信拉你进学习交流群
• 掘金
• 知乎专栏
• 知乎圈子：搜索 图雀社区
• 也可以直接扫码下方的二维码关注微信公众号哦：

MIT。