章节1: 课程介绍 课时1 视频 项目演示 00:59 可课时2 视频 课程简介 01:03 可课时3 文本 常见问题章节2: 环境配置 课时4 视频 安装 Node.js 01:20 可课时5 视频 安装 VS Code 和插件 00:57 可课时6 视频 安装 Yarn（可选） 00:32 可课时7 视频 创建 React 工程 02:12 可课时8 视频 React 快速回顾 09:36课时9 视频 Styled-components 简介与配置 05:22课时10 视频 Storybook 简介与配置 02:58章节3: 组件与页面规划课时11 视频 组件与页面规划 02:15章节4: 侧导航 课时12 视频 头像组件-设计与分析 03:31 可课时13 视频 头像组件 - React 部分 04:13 可课时14 视频 头像组件 - 样式部分 06:42 可课时15 视频 头像组件 - 添加属性 07:58 可课时16 视频 jsconfig.json 文件介绍 03:40课时17 视频 Hygen 模板生成器配置 07:15课时18 视频 Icon 组件 09:50课时19 视频 徽章组件 07:57课时20 视频 菜单项组件 07:52课时21 视频 侧导航组件 03:48章节5: 侧边栏课时22 视频 搜索框 06:59课时23 视频 排版组件 08:01课时24 视频 下拉选项组件-过滤 03:26课时25 视频 按钮组件 04:45课时26 视频 过滤选项组件 02:55课时27 视频 消息卡片组件 10:12课时28 视频 消息列表组件 03:03章节6: 内容区课时29 视频 标题栏组件 03:25课时30 视频 会话气泡组件 06:38课时31 视频 语音消息组件 04:05课时32 视频 Emoji组件 02:14课时33 视频 Popover组件 08:15课时34 视频 底部操作组件 05:14课时35 视频 会话窗口组件 02:54章节7: 滑动抽屉课时36 视频 个人资料&头像组件 02:40课时37 视频 个人信息部分 00:56课时38 视频 社交信息部分 02:30课时39 视频 分隔线组件 01:06课时40 视频 联系信息部分 01:21课时41 视频 相册部分 02:42课时42 视频 关闭按钮 01:09章节8: 设置页面课时43 视频 InputText组件 05:13课时44 视频 Select(表单)组件 01:39课时45 视频 Radio组件 05:34课时46 视频 Switch开关组件 03:12课时47 视频 个人资料-设置页 04:41课时48 视频 编辑个人资料组件 06:24课时49 视频 设置项组件 03:11课时50 视频 设置页面 01:45课时51 视频 屏蔽列表组件 05:10章节9: 其他列表组件课时52 视频 抽离过滤列表组件 03:22课时53 视频 联系人列表组件 02:40课时54 视频 文件列表组件 03:31课时55 视频 笔记列表组件 02:57章节10: 其他组件课时56 视频 视频通话组件 07:25课时57 视频 Dropdown组件 04:50课时58 视频 组装聊天首页 03:07章节11: 路由管理课时59 视频 React Router 简介 01:13课时60 视频 配置导航路由 04:52课时61 视频 配置内容区域路由 05:11章节12: 创建动画课时62 视频 React Spring 简介 01:54课时63 视频 Staggered Animation 配置 02:28课时64 视频 抽离动画为自定义的 hooks 02:29课时65 视频 导航切换过渡动画 03:27课时66 视频 会话窗口动画 03:13课时67 视频 个人资料抽屉动画 01:30课时68 视频 设置页面动画 00:59章节13: 添加示例数据（选学）课时69 视频 添加示例数据 02:31章节14: 总结与回顾课时70 视频 总结与回顾 03:39
