这门课解决什么问题

很多前端开发者在掌握了基础的 React 语法后，面对实际的业务需求往往会卡壳：不知道如何处理微信网页授权登录，不清楚怎样组织一个包含多页面的点餐系统，也难以用纯函数组件搭配状态管理库去重构旧项目。这门课聚焦的正是这类具体场景。它通过一个微信授权点餐系统，把 React16 的核心特性、Hooks 的写法以及 Mobx 的状态管理串联起来，解决从单一页面开发到企业级业务流跑通的断层问题。如果你之前只写过本地的小 Demo，遇到真实接口联调、路由鉴权和跨组件数据共享就无从下手，这门课提供了一个可落地的参考样板。

适合什么基础与资料怎么配合

这门课不适合完全的编程零基础读者。你需要对 HTML、CSS 和 JavaScript 有基本了解，最好能看懂简单的 ES6 语法。资料包的线索显示，开篇是从工具安装、手动创建应用以及 JSX 语法和组件生命周期开始的，但这部分属于快速过场，重点在于后续 Hooks 与 Mobx 的结合应用。建议在跟学时，不要只停留在看视频的层面。看到项目构建与目录介绍部分时，自己先建一个空的代码仓库，跟着把基础依赖装好。当讲到 React 基础和生命周期时，先暂停，自己写一个简单的带状态组件，然后再对比课程里的 Hooks 写法，体会两者在逻辑复用上的差异。遇到微信授权这类强依赖环境的环节，务必在本地配好测试域名和代理工具，边看边调，不要指望看懂了就能直接跑通。

建议先看哪几块与学完能独立做什么

拿到资料后，建议先跳过最前面的导学，直接看项目构建与目录介绍，建立对整个系统结构的认知。接着重点看 React 基础与生命周期的部分，因为 React16 的底层变化直接决定了 Hooks 能否在旧项目中安全使用。把这两块弄清楚后，再带着对状态管理的疑问去进入 Mobx 的学习。学完这门课后，你应当能独立搭建一个具备微信授权登录、商品列表展示、购物车数据流转和下单逻辑的前端系统。更重要的是，你能把这套基于 Hooks 与 Mobx 的架构思路，平移到其他需要接入微信生态的 C 端业务中，比如商城、预约或者各类扫码应用，不再需要从零摸索授权流程与状态拆分。


欢迎来到几米课堂✨！这里是前端开发者拓展微信生态开发能力的专属实训营，本次重磅推出的《新特性React16+Hooks+Mobx 开发微信授权点餐系统》课程，将带你基于React16核心特性，结合Hooks与Mobx技术栈，从0到1搭建企业级微信授权点餐系统，实现前端技术与微信生态的深度融合！

课程目录

*   01 第一章 项目构建与React基础/

  *   01 本章导学/

    *   01 项目构建与React基础-导学 (21.14 MB), 07:44

  *   02 项目构建与介绍/

    *   01 工具安装 (33.33 MB), 12:15

    *   02 手动创建应用以及目录的介绍 (74.17 MB), 14:00

  *   03 React基础/

    *   01 React简介 (10.90 MB), 04:20

    *   02 JSX语法 (25.31 MB), 06:40

    *   03 React组件的生命周期及基本语法（上） (60.43 MB), 19:31

    *   04 React组件的生命周期及基本语法（下） (104.72 MB), 26:05

    *   05 React组件数据 (54.69 MB), 14:44

    *   06 React中CSS的样式书写 (61.57 MB), 13:51

    *   07 React事件处理 (28.98 MB), 09:12

    *   08 React的条件判断 (24.12 MB), 06:12

    *   09 React列表渲染和keys (20.08 MB), 05:53

    *   10 React受控组件 (72.50 MB), 17:09

    *   11 React的组件通讯方式 (81.24 MB), 20:56

    *   12 React基础-总结 (3.93 MB), 01:36

  *   04 React高级应用/

    *   01 组合与继承 (24.82 MB), 06:41

    *   02 错误边界处理 (27.74 MB), 06:50

    *   03 高阶组件应用 (61.27 MB), 15:38

    *   04 Refs and the Dom (48.30 MB), 12:49

    *   05 最新Hooks基础应用 (71.13 MB), 19:14

    *   06 最新Hooks高级应用-自定义Hooks (33.83 MB), 08:59

    *   07 最新Hooks高级应用-useContext的使用 (27.53 MB), 07:20

    *   08 最新Hooks高级应用-useReducer的使用 (67.98 MB), 16:19

    *   09 最新Hooks高级应用-useCallback与useMemo的使用 (31.12 MB), 07:57

    *   10 最新Hooks高级应用-useRef的使用 (17.03 MB), 05:20

  *   05 React全家桶配置使用/

    *   01 构建React-Router配置-React路由的最基本配置 (60.00 MB), 19:38

    *   02 构建React-Router配置-Route路由配置项的相关属性 (19.91 MB), 05:46

    *   03 构建React-Router配置-React-Router的其他内置组件 (12.42 MB), 03:21

    *   04 构建React-Router配置-React-Router路由的按需加载 (37.74 MB), 09:54

    *   05 构建React-Router配置-子路由的定义及路由的嵌套 (40.96 MB), 09:04

    *   06 Redux的配置和使用（上） (92.16 MB), 27:58

    *   07 Redux的配置和使用（下） (49.78 MB), 13:57

    *   08 构建mobx的配置与使用（上） (79.69 MB), 23:54

    *   09 构建mobx的配置与使用（下） (83.98 MB), 20:57

    *   10 Redux与Mobx的区别 (17.15 MB), 07:36

  *   06 本章总结/

    *   01 项目构建与React基础-总结 (26.23 MB), 09:13

*   02 第二章 微信授权扫码点餐平台分析/

  *   00 资料/

    *   01 课程资料链接.txt (0.00 MB)

  *   01 本章导学/

    *   01 微信授权扫码点餐平台分析-导学 (16.15 MB), 06:47

  *   02 需求划分/

    *   01 项目的设计图划分 (18.54 MB), 07:09

    *   02 明确项目功能 (12.18 MB), 05:55

  *   03 形成功能导图/

    *   01 根据需求规划交互导图 (23.73 MB), 08:56

    *   02 根据需求划分项目结构 (40.47 MB), 09:22

  *   04 公共规划/

    *   01 公共组件规划 (7.84 MB), 03:18

    *   02 公共逻辑规划 (8.11 MB), 04:18

  *   05 Mock配置与合理化/

    *   01 Mock的使用与配置 (29.13 MB), 08:56

    *   02 Mock的合理化 (6.75 MB), 02:52

    *   03 基于Node实现文件数据的增删改查方法 (64.02 MB), 15:15

  *   06 本章总结/

    *   01 微信授权扫码点餐平台分析-总结 (15.38 MB), 06:21

*   03 第三章 微信授权扫码点餐项目-欢迎页开发/

  *   01 本章导学/

    *   01 欢迎页-导学 (11.10 MB), 04:42

  *   02 后台接口开发/

    *   01 根据商铺id定制商铺信息接口 (24.10 MB), 06:42

    *   02 模拟当前用户信息（后期通过微信自动获取） (13.62 MB), 03:49

    *   03 定制当前桌用餐人数接口 (49.19 MB), 10:53

  *   03 根据数据处理页面/

    *   01 项目页面初始化 (76.13 MB), 18:57

    *   02 页面结构样式书写 (42.10 MB), 10:30

    *   03 数据处理与services定制 (43.58 MB), 11:55

    *   04 路由参数获取与数据渲染 (49.63 MB), 11:45

    *   05 用餐人数选择页结构样式书写 (76.62 MB), 16:35

    *   06 数据获取与提交 (41.36 MB), 08:29

    *   07 消息提示组件 (121.89 MB), 29:07

  *   04 本章总结/

    *   01 欢迎页开发-总结 (6.42 MB), 02:39

*   04 第四章 微信授权扫码点餐平台-菜单页开发/

  *   01 本章导学/

    *   01 本章导学 (14.45 MB), 05:55

  *   02 后台接口开发/

    *   01 根据商铺id定制商铺菜单接口 (66.52 MB), 15:42

    *   02 呼叫服务员接口开发 (25.19 MB), 06:28

  *   03 根据数据渲染菜单/

    *   01 列表页结构布局 (83.56 MB), 19:16

    *   02 开发头部nav (42.04 MB), 07:56

    *   03 列表渲染 (84.48 MB), 16:24

    *   04 公共组件封装 (97.24 MB), 20:16

    *   05 分类菜单定位-结构样式 (123.39 MB), 25:55

    *   06 分类菜单定位-关联渲染 (61.51 MB), 10:24

    *   07 弹窗导航开发 (101.46 MB), 22:45

    *   08 服务铃（呼叫功能）开发 (78.30 MB), 16:21

    *   09 热销榜结构与返回组件 (47.35 MB), 12:32

    *   10 热销榜列表渲染 (161.37 MB), 32:49

    *   11 搜索功能开发 (103.72 MB), 22:59

  *   04 本章总结/

    *   01 总结 (9.77 MB), 04:18

*   05 第五章 微信授权扫码点餐平台-详情页和购物车开发/

  *   01 本章导学/

    *   01 本章导学 (13.48 MB), 05:19

  *   02 后台接口开发/

    *   01 获取菜单详情接口 (60.88 MB), 13:49

    *   02 加入购物车接口 (75.96 MB), 15:23

    *   03 获取购物车详情接口 (90.52 MB), 17:44

    *   04 修改用餐人数接口 (40.01 MB), 07:11

    *   05 购物车菜单数量修改接口 (24.05 MB), 05:04

    *   06 清空购物车接口 (35.39 MB), 07:34

    *   07 下单接口 (79.65 MB), 16:05

  *   03 详情页开发/

    *   01 详情页结构样式开发 (128.58 MB), 25:30

    *   02 菜单详情数据交互 (111.19 MB), 17:18

  *   04 购物车页开发/

    *   01 购物车页面数据请求与结构渲染 (142.72 MB), 26:25

    *   02 购物车样式书写与修改用餐人数 (121.65 MB), 23:30

    *   03 Mobx数据管理与useMemo总价计算 (129.16 MB), 20:10

    *   04 清空购物车与下单 (92.39 MB), 15:02

  *   05 本章总结/

    *   01 本章总结 (11.29 MB), 04:25

*   06 第六章 微信授权扫码点餐平台-订单页与支付功能开发/

  *   01 本章导学/

    *   01 本章导学 (6.45 MB), 02:56

  *   02 后台接口开发/

    *   01 获取订单接口 (104.73 MB), 19:03

    *   02 支付接口开发 (30.79 MB), 06:39

  *   03 生成订单/

    *   01 数据渲染与结构开发（上） (89.87 MB), 18:39

    *   02 数据渲染与结构开发（下） (71.01 MB), 11:44

    *   03 折叠菜单与提交支付 (136.62 MB), 22:14

  *   04 本章总结/

    *   01 本章总结 (5.06 MB), 02:26

*   07 第七章 微信授权扫码点餐平台-个人中心页开发/

  *   01 本章导学/

    *   01 本章导学 (4.23 MB), 01:56

  *   02 后台接口开发/

    *   01 接口开发 (65.09 MB), 13:38

  *   03 个人中心页面操作/

    *   01 结构页开发 (97.64 MB), 20:19

    *   02 个人信息展示与修改（上） (90.60 MB), 16:28

    *   03 个人信息展示与修改（下） (116.91 MB), 19:10

    *   04 获取订单列表 (116.72 MB), 21:11

    *   05 订单评价 (186.43 MB), 33:37

  *   04 本章总结/

    *   01 本章总结 (5.78 MB), 02:44

*   08 第八章 域名网络与微信公众号配置/

  *   01 本章导学/

    *   01 本章导学 (8.63 MB), 03:26

  *   02 域名配置与内外网映射操作/

    *   01 阿里云域名配置 (127.48 MB), 13:59

    *   02 linux公网服务器之ftp服务端配置 (52.34 MB), 12:53

    *   03 Windows客户端配置 (50.14 MB), 10:23

  *   03 微信公众号开发配置/

    *   01 微信公众号配置 (19.78 MB), 06:10

    *   02 微信公众号开发配置 (25.89 MB), 06:20

  *   04 用户信息的获取/

    *   01 微信客户端code获取 (92.45 MB), 18:11

    *   02 服务端使用code获取用户信息 (97.29 MB), 18:30

    *   03 微信授权用户信息缓存 (74.65 MB), 14:38

  *   05 本章总结/

    *   01 本章总结 (6.41 MB), 02:37

*   09 第九章 微信授权扫码点餐平台部署上线/

  *   01 本章导学/

    *   01 本章导学 (5.06 MB), 02:20

  *   02 部署上线/

    *   01 创建项目（express项目构建） (32.89 MB), 09:16

    *   02 打包与上传项目 (19.10 MB), 05:19

    *   03 服务器搭建与项目启动 (28.16 MB), 08:39

  *   03 本章总结/

    *   01 本章总结 (5.78 MB), 02:56