[543] React 配置化+Serverless,落地低代码+云原生全栈开发 - 项目架构示意

网盘链接：

1. 课程概览

• 1-1 关于课程你需要了解的都在这里

2. 配置化博客系统前台页面开发

• 2-1 前端开发环境准备
• 2-2 前端工程目录初始化
• 2-4 项目样式初始化
• 2-5 Banner组件的代码编写
• 2-6 首页课程列表组件代码开发
• 2-7 使用 OSS 存储静态资源
• 2-8 Webpack 多页面入口的配置
• 2-9 【思考】Webpack 多入口的打包方式能解决什么问题？
• 2-10 清除自动化测试相关的干扰代码
• 2-11 目录结构优化及首页 Footer 组件代码编写

3. 配置化博客系统后台页面开发

• 3-1 使用 antd 进行后台管理系统布局搭建
• 3-2 iconfont 的使用及细节代码调整（上）
• 3-3 iconfont 的使用及细节代码调整（下）
• 3-4 动态区块展示配置功能开发
• 3-5 使用 LocalStorage 实现配置内容的持久化存储
• 3-6 【思考】LocalStorage 和 Cookie 注意事项
• 3-7 增加首页配置，组件结构变更
• 3-8 使用 useRef 调取子组件数据实现配置存储
• 3-9 【思考】使用 Ref 的方式，通过父组件调用子组件的优劣
• 3-10 可扩展 Schema 协议的设计（上）
• 3-11 可扩展 Schema 协议的设计（下）
• 3-12 代码清理
• 3-13 【拓展】Cookie 与 LocalStorage：有何不同？

4. 配置化协议的编码实现

• 4-1 最外层 Schema 的存取逻辑
• 4-2 围绕 Schema 结构合理设计组件层次
• 4-3 二层 Schema 的存储逻辑开发
• 4-4 多层次 Schema 的标准逻辑设计
• 4-5 Schema 重置的逻辑实现
• 4-6 【思考】一个真正复杂的协议 Schema，应该考虑那些因素？
• 4-7 设计优化解决系统 BUG
• 4-8 拖拽排序功能的实现以及数据设计思考

5. 使用 Redux 升级协议存取方案

• 5-1 在工程中引入 Rudex, React-Redux, Immer
• 5-2 【思考】在做 React 项目时，如何尽量的让项目的性能可控
• 5-3 根组件 Redux 升级及工程目录优化（上）
• 5-4 根组件 Redux 升级及工程目录优化（下）
• 5-5 【拓展】使用 Immer 提升 React 项目的整体性能
• 5-6 子组件 Redux 架构改良（上）
• 5-7 子组件 Redux 架构改良（下）
• 5-8 使用 React Sortable HOC 实现列表排序
• 5-9 Schema 展示调试，实现后台配置前台灵活展示

6. 前后台页面协议调试串联

• 6-1 Banner 组件协议扩展的实现（下）
• 6-2 基于协议的 Banner 代码调试测试
• 6-3 【思考】作为前端，你在开发中是如何进行代码项目联调的？
• 6-4 Banner 配置化开发收尾
• 6-5 列表组件的配置展示实现（上）
• 6-6 列表组件的配置展示实现（中）
• 6-7 列表组件的配置展示实现（下）
• 6-8 Footer 配置化实现（上）
• 6-9 Footer 配置化实现（下）
• 6-10 React-Router 的使用及项目总结（上）
• 6-11 Banner 组件协议扩展的实现（上）
• 6-12 React-Router 的使用及项目总结（中）
• 6-13 React-Router 的使用及项目总结（下）
• 6-14 【拓展】如何才能设计出有竞争力的低代码平台？

7. 基于 Midway FaaS 的 Serverless 服务端代码开发

• 7-1 服务端课程脉络
• 7-2 Midway Faas 框架代码介绍
• 7-3 使用 TypeORM 连接管理数据库
• 7-4 【思考】TypeORM 带来的核心优势是什么？
• 7-5 接口逻辑的实现
• 7-6 参数校验、异常处理、标准化接口
• 7-7 Serverless FaaS 线上部署及域名绑定
• 7-8 【拓展】Serverless 的优势和劣势全面整理
• 7-9 【思考】云原生的概念是什么？使用云上服务有什么优势？

8. 前后端系统的接口联调及部署

• 8-1 前端 Proxy 配置高效进行接口联调
• 8-2 前后端代码完整上线

9. 使用 BaaS 能力丰富 Serverless 项目功能

• 9-1 BaaS 简介 & 使用 Authing 实现前端登录功能
• 9-2 【思考】Serverless = FaaS + BaaS
• 9-3 Server 端根据用户进行权限管控
• 9-4 自定义Hook的拆分和鉴权请求的封装
• 9-5 登录退出代码完善及项目上线
• 9-6 【思考】关于鉴权，你有多少理解呢？