React.js+Egg.js 的高级玩法
开发前端+后端轮子,可复用
前后端全栈模块化开发
覆盖开发、优化、部署全流程
造“好轮子”的思维方式
企业级框架的设计视野与实用技巧
本课程将带你在解锁 React.js 、 React Hook 以及 EggEgg.js 的高阶玩法的同时,完成轮子的构建过程,再用造好的轮子开发一个全栈项目。你将在掌握全栈技能的同时,获取如何拆解复杂业务、如何造好轮子、如何优化性能等诸多“高手”必备的实用技能。
React.js+Egg.js 的高级玩法
开发前端+后端轮子,可复用
前后端全栈模块化开发
覆盖开发、优化、部署全流程
造“好轮子”的思维方式
企业级框架的设计视野与实用技巧
自定义hook
自定义组件
· useTitleHook(设置页面title)
· useHttpHook(发送http请求)
· useObserverHook(监听dom元素是否
展示)
· useImgHook(图片懒加载)
UmiJs
think-react-store
project-libs
rc-form
· CreatePortal(根节点之外创建新
节点)
· ErrorBoundary(捕获错误组件)
· LazyLoad(延迟加载组件)
· Modal(弹窗组件)
· MenuBar(底部导航组件)
· ShowLoading(列表底部loading组件)
createPortal;ErrorBoundary(错误边界)
useState;useEffect;context api;suspense;lazy
自定义中间件
自定义扩展
· httpLog(日志)
· userExist(用户是否存)
· egg-auth(验证用户)
· egg-info(系统信息)
· egg-notFound(接口不存在)
路由(Router) ;控制器(Controller);
服务(Service);框架扩展;插件;定时任务;
多进程管理;Sequelize
· Application(扩展应用)
· Helper(扩展帮助函数)
· Context(扩展上下文)
· Request(扩展请求)
· Response(扩展响应)
需求:
① 能够请求接口 ② 能够返回请求的状态
③ 能够按需发送请求 ④ 在函数组件内使用
慕斯2379460
好评
坦白来说,这是我学过的最实在的、贴近项目的课程了;学了几个章节发现,无论是基础课还是实战都是为项目开发准备的;尤其是开发的egg中间件和插件可以直接用到项目中。还有就是之前公司使用react hook开发项目,没有好的hook工具选择,很纠结的,现在老师提供了一个好的解决方案,学习了。一句话,良心课!
是阿歪
好评
有点React基础,用Egg写过一个项目,这个课程刚好贴中我的开发需求,React的核心知识、自定义hooks和Egg那些扩展讲得明明白白的!有利于纠正我之前的错误用法,非常实用~我已经看完了,老师慢慢更新吧,结合之前项目遇到的问题敲完代码我会回来提问的,绝不浪费我的money,你跑不了
精慕门2042257
好评
公司的新项目就是react和node,之前也在几个框架里纠结了一下,最后定的用egg,这门课来的刚好合适,正好学以致用!老师讲的也还行,比较干货,没那么多罗里吧嗦得,比较适合我,期待后面更多实用的课程。
如无法下载使用图片另存为
下载海报选课、学习遇到问题?
扫码添加指导老师 1V1 帮助你!
添加后老师会第一时间解决你的问题