网盘：百度 | 学分：5，VIP免费 | 发布：2023-02-22 | 查看：0 | 更新：2024-06-04 | web前端
【WEB前端】用 React+React Hook+Egg 造轮子 全栈开发旅游电商应用
网盘：百度 | 学分：5，VIP免费 | 发布：2023-02-22 | 查看：0 | 更新：2024-06-04 | web前端
【WEB前端】用 React+React Hook+Egg 造轮子 全栈开发旅游电商应用
用 React+React Hook+Egg 造轮子 全栈开发旅游电商应用，本课程将带你在解锁 React.js 、 React Hook 以及 EggEgg.js 的高阶玩法的同时，完成轮子的构建过程，再用造好的轮子开发一个全栈项目。你将在掌握全栈技能的同时，获取如何拆解复杂业务、如何造好轮子、如何优化性能等诸多“高手”必备的实用技能
多年国内一线互联网公司从业经验，主导过多个全栈项目。擅长Vue、React、Node，对其源码也多有研究。热爱开源，目前已经开源了Cpage.js、think-React-store、PROject-libs、ui-vue等框架。 愿所学技能能够帮助爱好前端的诸君更上一层楼！
第1章 关于这门课，你需要知道的 1 节 | 12分钟
本章中，将向大家介绍本门课的相关信息，包括你能学到的知识概览、最终项目效果、学习所需的知识储备、课程讲解方式以及推荐的学习方法等等。
视频：1-1 课前须知，这里有你需要了解的一切 (11:20)
第2章 React 核心内容梳理及自定义组件开发【拒绝啰嗦，开场即干货】17 节 | 134分钟
“造轮子”是一个过程，要想造企业级轮子，自然需要更加丰富全面的技术。从本章开始，将带领大家在梳理巩固知识的同时，进行“实用轮子”的开发，为后续实战项目做好准备。本章中，将分别针对React.js的核心知识，以及UmiJs的基础知识，进行梳理，并应用这些知识带领大家完成多款自定义组件（LazyLoAD、ErrorBoundary、 Mo…
视频：2-1 本章概览 (04:32)
视频：2-13 Modal组件开发【基于createPortal 创建自定义弹窗组件】 (11:52)
第3章 React Hooks 开发模式详解及自定义hook开发 8 节 | 69分钟
本章主要针对React hooks进行讲解，介绍了如何应用第三方 think-React-store（基于React context 和 hook实现的实现数据流解决方案） 完成数据流操作，并继续进行我们的”造轮子“之旅，完成了多个自定义hook的开发，这些也都将直接应用在之后的实战项目中，并会结合项目需求逐步优化，变成”好轮子“。…
视频：3-3 useTitleHook【根据url修改页面title的自定义hook】 (06:44)
视频：3-4 useHttpHook【基于fetch api 封装具有监测功能的自定义hook】 (11:51)
视频：3-5 使用think-React-store实现数据处理【基于React context 和 hook的数据流解决方案】 (16:00)
作业：3-8 【讨论题】说说你对 React hooks得认识
第4章 为什么应用Egg.js6 节 | 48分钟
相较于怎么用？为什么要用？更重要！！本章中会结合Egg.js与ExPress/Koa2 等其他框架的对比，向大家介绍Egg.js的特点，并会应用Egg.js当中的多进程模式，演示如何在项目当中做渐进式开发。
第5章 Egg.js 基础–路由/控制器/服务/模板引擎等9 节 | 94分钟
工欲善其事，必先利其器。本章中会对Egg.js中常用的知识点进行讲解，包括路由、控制器、服务、模板引擎、缓存、httpClient等，带领大家初探Egg.js的奥妙。
第6章 Egg.js 高阶–插件/中间件/扩展等 6 节 | 51分钟
会用，更要能用好！！本章中会结合Egg.js的高阶功能，对框架进行扩展、开发日志中间件及用户验证插件，还会讲解定时任务的应用。真正懂他的人，才能造出”实用的好轮子“。
作业：6-6 【讨论题】 Egg.js 、Koa2、exPress得差异
第7章 Egg.js 操作 Mysql 数据库7 节 | 41分钟
本章中讲解了MySQL的安装、常用的增删改查操作，介绍了如何结合egg-MySQL插件完成对数据的基本操作，并讲解了如何应用egg-sequelize插件解决复杂业务需求，为后续实战开启做好”存储准备“。
图文：7-6 Sequelize 常用增删改查函数
第8章 前端界面开发及功能优化【开战啦~~】22 节 | 303分钟
前期准备ok啦，本章开始我们将正式进入全栈项目的的开发！在这里我们会向大家介绍如何进行前端基础界面的开发、如何基于IntersectionObserver实现列表滚动加载和图片懒加载、如何使用think-React-store做数据流处理，以及如何进行针对性的系统优化策略和实现。满满的干货，一定要认真听课呦！！…
视频：8-1 本章概览 (04:52)
视频：8-3 首页开发 (23:09)
作业：8-22 【讨论题】聊聊 H5 的 Observer API
第9章 服务端用户模块实现及优化13 节 | 98分钟
本章将使用前面完成的Egg.js框架的扩展、中间件和插件来编写用户模块，并在完成基础功能的前提下对系统进行优化，如使用JWT技术做用户验证、改造egg-auth插件、将用户登录信息存入Redis、编写公共控制器和服务等。
视频：9-1 本章概览 (02:53)
视频：9-4 扩展Egg.js的帮助函数 (04:31)
视频：9-6 什么是 JWT 技术？ (02:44)
视频：9-12 将公共逻辑写在BaseController和BaseService里面，并开发新的中间件 (15:31)
第10章 服务端民宿&订购模块实现及优化11 节 | 116分钟
继续征程，本章将学习Sequelize里面的多表联查、属性过滤等高级操作，完成民宿&AMp;订购两个模块的编写，实现民宿列表、详情、评论以及支付、订单列表等接口，并完成与前端的联调。
视频：10-10 Egg.js 模拟支付过程，与前端联调 (06:40)
第11章 项目安全【安全问题不能松懈】5 节 | 30分钟
基础功能完成了，这就完了？NONONO！！！本章将进一步，对XSS、CSRF、接口缓存等系统的安全问题进行分析，并提出一些解决思路。
第12章 项目部署【靠不靠谱，用过才知道】8 节 | 49分钟
*声明：课程资源购自网络，版权归原作者所有，仅供参考学习使用，严禁外传及商用，若侵犯到您的权益请联系客服删除。
