解决什么问题：一套代码，同时搞定小程序与 H5

在移动端开发中，最大的痛点往往是“重复造轮子”。写一套小程序的代码，再写一套 H5 的代码，不仅效率低，维护成本也极高。这门课程针对的就是“多端复用”这一实际工作场景。它教你如何使用 Taro 框架，用 React 的思维方式去开发，从而实现一次编写，同时生成微信小程序、支付宝小程序以及 H5 页面。对于已经在使用 React 技术栈的前端开发者，或者需要兼顾移动端和 Web 端的职场人来说，这是提升开发效率、拓宽技术边界最务实的解决方案。

适合什么基础：React 基础是硬门槛，新手需谨慎

虽然课程标题看起来偏向框架入门，但实战内容对基础有一定要求。如果你完全没有接触过 React，或者对 ES6+ 的语法、组件化开发概念感到陌生，直接上手这套资料会很吃力。这门课更像是给那些已经掌握 React，想转战跨端开发，或者希望用 Taro 重构现有小程序项目的进阶学习者准备的。资料从 Taro 的生命周期、Props 传递、路由管理讲起，紧接着就是基于 Redux 的状态管理、网络请求封装以及 UI 组件库的实战，节奏紧凑，不拖泥带水。

学完能独立做什么：复刻完整的问答社区 Web 端

学完这套资料，你不需要再去啃枯燥的官方文档，而是能直接上手开发一个功能完备的“问答社区”项目。你将掌握从项目初始化、接口对接、路由配置，到组件封装、Redux 状态管理、UI 组件库（如 TaroUI）使用的全流程。具体来说，你能够独立完成导航菜单与顶部栏的布局，实现话题列表的异步加载与分页效果，并开发出支持点赞交互的话题详情页。最终，你将拥有一个可以直接在浏览器中运行，同时支持真机预览的小程序项目，具备了承接企业级移动端开发任务的能力。

资料怎么配合练习：从 Demo 到复刻项目

建议按照“基础概念—Demo 练习—完整项目”的顺序使用资料。首先，不要急于看后面的章节，先花时间理解 Taro 的生命周期、Props 和路由功能，这是后续开发的基础。接着，跟随第 2 章的“问答模块示例开发”，动手敲一遍代码，理解 Taro 的代码结构和渲染逻辑。随后，进入第 3 到第 6 章的项目实战，建议先不要看答案，尝试自己封装请求类、实现列表加载逻辑和组件封装。当遇到状态管理（Redux）或复杂交互（如点赞）卡壳时，再回头对照资料学习。通过这种方式，才能真正掌握 Taro 的开发精髓。

课程目录

第1章 课程导学 试看 1 节 | 14分钟 1-1 课程导学 (13:22).mp4
 第2章 Taro基础框架学习及应用 

12 节 | 236分钟 2-1 初识Taro (13:28).mp4
 2-2 项目目录介绍 (13:02).mp4
 2-3 生命周期与state (23:45).mp4
 2-4 TaroProps (17:41).mp4
 2-5 路由功能及资源引用 (20:15).mp4
 2-6 列表渲染与Children (20:25).mp4
 2-7 事件处理与样式表 (19:25).mp4
 2-8 问答模块示例开发（1） (26:15).mp4
 2-9 问答模块示例开发（2） (24:40).mp4
 2-10 问答模块示例开发（3） (21:04).mp4
 2-11 问答模块示例开发（4） (13:56).mp4
 2-12 示例小项目H5与小程序真机预览 (21:38).mp4
 第3章 网站项目前期准备 3 节 | 40分钟 3-1 初始化项目 (10:30).mp4
 3-2 准备项目资源与接口 (15:14).mp4
 3-3 基础请求类简单封装 (13:36).mp4
 第4章 导航菜单实现 3 节 | 59分钟 4-1 导航菜单组件实现 (15:56).mp4
 4-2 顶部菜单与redux (23:42).mp4
 4-3 抽屉实现与TaroUI (19:16).mp4
 第5章 主页话题列表实现 4 节 | 82分钟 5-1 话题列表请求与异步编程 (18:52).mp4
 5-2 话题列表样式实现 (22:13).mp4
 5-3 列表分页加载与页码追加 (18:35).mp4
 5-4 切换分类请求到页面跳转 (22:09).mp4
 第6章 话题详情功能开发 8 节 | 146分钟 6-1 话题详情接口请求 (11:55).mp4
 6-2 话题详情主内容区实现 (21:36).mp4
 6-3 话题详情回复列表实现 (22:43).mp4
 6-4 点赞功能Redux的属性变化 (23:59).mp4
 6-5 点赞功能函数实现 (12:39).mp4
 6-6 回复组件封装与state状态 (23:24).mp4
 6-7 回复主题小小程序与H5的区别 (21:43).mp4
 6-8 子组件调用父组件函数参数的误区 (07:49).mp4
 第7章 登录模块开发 2 节 | 38分钟 7-1 登录页面简单快写 (14:19).mp4
 7-2 验证token与页面跳转 (23:18).mp4
 第8章 个人信息页面的开发 5 节 | 96分钟 8-1 个人信息页面数据拉取 (19:35).mp4
 8-2 信息页面中的panel组件 (16:21).mp4
 8-3 发布话题中的picker (23:47).mp4
 8-4 发布页面样式调整及缓存数据 (18:08).mp4
 8-5 公共验证逻辑 (17:41).mp4
 第9章 补充功能，修复问题，预览 5 节 | 60分钟 9-1 补充功能与优化体验 (12:46).mp4
 9-2 补充话题编辑功能 (17:43).mp4
 9-3 H5查看解决问题 (15:27).mp4
 9-4 小程序真机预览 (06:55).mp4
 9-5 小程序上线过程简介 (06:52).mp4
 第10章 TypeScript的学习 7 节 | 119分钟 10-1 TypeScript原始类型-任意类型-类型推论 (19:01).mp4
 10-2 TypeScript的对象类型和数组类型 (20:45).mp4
 10-3 TypeScript中函数约束与类型断言 (16:23).mp4
 10-4 TypeScript中的类型别名和枚举 (12:27).mp4
 10-5 TypeScript中的类修饰符与泛型 (17:23).mp4
 10-6 TypeScript在Taro中的应用（1） (16:28).mp4
 10-7 TypeScript在Taro中的应用（2） (16:30).mp4
 第11章 搭建RN的开发环境及基础介绍 

12 节 | 212分钟 11-1 ReactNative简介 (08:04).mp4
 11-2 沙盒环境安装 (14:08).mp4
 11-3 新-Taro的React-Native环境(1) (21:21).mp4
 11-4 新-Taro的React-Native环境(2) (17:26).mp4
 11-5 初始化一个Taro-Native项目 (24:25).mp4
 11-6 设置一个RN的启动屏 (17:50).mp4
 11-7 设置RN的tabbar (13:34).mp4
 11-8 了解RN的样式 (22:25).mp4
 11-9 RN的尺寸与大图样式 (17:34).mp4
 11-

10 RN的常规布局 (18:51).mp4
 11-11 RN小图模式及查看打印输出（1） (19:36).mp4
 11-12 RN小图模式及查看打印输出（2） (16:07).mp4
 第12章 网易严选首页实战 6 节 | 103分钟 12-1 初始化RN项目讲解Redux (20:40).mp4
 12-2 配置RN启动屏及tabBar (21:49).mp4
 12-3 简单封装基础工具类 (11:41).mp4
 12-4 请求首页数据Redux (22:28).mp4
 12-5 将数据解析到幻灯片组件上（1） (12:49).mp4
 12-6 将数据解析到幻灯片组件上（2） (13:13).mp4