最新React技术栈实战复杂代码
最新React技术栈实战复杂代码├── {1}--第1章开期准备
│ ├── --1-1-导学.mp4
│ ├── --1-2-功能介绍.mp4
│ └── --1-3-课程安排-即学即用,渐进式开发项目.mp4
├── {2}--第2章【入门】什么是ReactReact引领了现代前端开发的变革
│ ├── --2-1-章介绍.mp4
│ ├── --2-2-React是全球最火爆的前端框架.mp4
│ ├── --2-3-React其实非常简单-但需要你熟悉JS语法.mp4
│ ├── --2-4-看几个示例来体会React的代码逻辑.mp4
│ ├── --2-5-React核心价值-组件化.mp4
│ ├── --2-6-React核心价值-数据驱动视图.mp4
│ ├── --2-7-课程安排-即学即用,渐进式开发项目.mp4
│ └── --2-8-章总结.mp4
├── {3}--第3章【基础】创建React项目开发环境-代码未动,环境先行
│ ├── --3-10-【加餐】vite和webpack的区别-vite使用E.mp4
│ ├── --3-11-章总结.mp4
│ ├── --3-1-章介绍.mp4
│ ├── --3-2-准备工作-安装必备软件.mp4
│ ├── --3-3-使用Create-React-App创建项目-React.mp4
│ ├── --3-4-使用Vite创建React项目-Vite是前端热门工具.mp4
│ ├── --3-6-使用prettier规范代码风格-统一风格,多人开发也不.mp4
│ ├── --3-7-提交代码到git仓库-选择国内平台.mp4
│ ├── --3-8-使用husky执行pre-commit检查-把非规范代码.mp4
│ └── --3-9-使用commit-lint规范commit提交格式-让g.mp4
├── {4}--第4章【基础】JSX语法和组件基础-学完即可开发一个静态页面
│ ├── --4-10-实战-开发项目列表页-即学即用效果好.mp4
│ ├── --4-11-React组件基础-拆分UI结构,便于开发维护和复用.mp4
│ ├── --4-13-React开发者工具-让React调试更简单.mp4
│ ├── --4-14-加餐-JSX和Vue模板的区别-体现两者设计理念的差异.mp4
│ ├── --4-15-章总结.mp4
│ ├── --4-1-章介绍.mp4
│ ├── --4-2-JSX语法和HTML相似-很容易学习.mp4
│ ├── --4-3-JSX的标签-和HTML标签有几点不同.mp4
│ ├── --4-4-JSX的属性-style改动非常大.mp4
│ ├── --4-5-JSX中监听DOM事件-遇到了Typescript类型问.mp4
│ ├── --4-6-补充Typescript类型基础知识-解答上一节的困惑.mp4
│ ├── --4-7-JSX中插入JS变量和表达式-让JSX真正融入JS代码中.mp4
│ ├── --4-8-JSX中使用条件判断-让JSX具备if-else能力.mp4
│ └── --4-9-JSX中使用循环-让JSX真正动起来.mp4
├── {5}--第5章【基础】ReactHooks-处理逻辑监听状态,让页面动起
│ ├── --5-10useEffect在开发环境下执行两次-模拟全流程,及早.mp4
│ ├── --5-11用useRef操作DOM元素-React的ref和Vue.mp4
│ ├── --5-12使用useMemo缓存数据-React中常见的性能优化手.mp4
│ ├── --5-13使用useCallback缓存函数.mp4
│ ├── --5-14自定义Hooks-ReactHooks的正确打开方式.mp4
│ ├── --5-15使用自定义Hook获取鼠标位置-组件公共逻辑抽离和复用.mp4
│ ├── --5-16使用自定义Hook异步加载数据-模拟异步场景.mp4
│ ├── --5-17使用第三方Hooks-ahooks和react-use.mp4
│ ├── --5-18Hooks的三条使用规则.mp4
│ ├── --5-19Hooks闭包陷阱-React常考面试题.mp4
│ ├── --5-1-章介绍.mp4
│ ├── --5-20章总结.mp4
│ ├── --5-2-useState让页面“动”起来.mp4
│ ├── --5-3-state一个组件的“独家记忆”.mp4
│ ├── --5-4-state特点-异步更新,合并后更新.mp4
│ ├── --5-5state特点-不可变数据-非常重要的概念.mp4
│ ├── --5-6实战-重构列表页-用useState实现增、删、改.mp4
│ ├── --5-7使用immer修改state-帮你摆脱“不可变.mp4
│ ├── --5-8实战-重构列表页-使用immer让开发更简单.mp4
│ └── --5-9useEffect监听组件生命周期-创建、更新、销毁.mp4
├── {6}--第6章【基础】在React中使用CSS样式-为页面“
│ ├── --6-10实战-为QuestionCard组件增加CSS样式.mp4
│ ├── --6-11章总结.mp4
│ ├── --6-2普通方式使用CSS-尽量不要用内联style.mp4
│ ├── --6-3CSS-Module解决className可能会重复的问题.mp4
│ ├── --6-4使用Sass语法-提高CSS编码效率.mp4
│ ├── --6-5CSS-in-JS常用工具之Styled-componen.mp4
│ ├── --6-6JS函数后加字符串的调用形式-解决Style-compon.mp4
│ ├── --6-7CSS-in-JS常用工具之Styled-jsx和Emot.mp4
│ ├── --6-8实战-增加CSS样式-创建正式项目环境.mp4
│ └── --6-9实战-为列表页增加CSS样式.mp4
├── {7}--第7章【中级】React-router路由-配置多页面,由单页变
│ ├── --7-1章介绍.mp4
│ ├── --7-2路由设计-确定网址和页面的关系.mp4
│ ├── --7-3设计Layout模板-抽离公共部分,代码复用.mp4
│ ├── --7-4路由开发-创建所有页面.mp4
│ ├── --7-5路由开发-创建3个Layout和使用Outlet.mp4
│ ├── --7-6使用React-Router配置路由-实现了多页面.mp4
│ ├── --7-7使用路由API-跳转页面和获取参数.mp4
│ ├── --7-8章总结.mp4
│ └── --7-9自定义网页标题和favicon.mp4
├── {8}--第8章【基础】使用AntDesignUI组件库-常用组件拿来即用
│ ├── --8-10使用AntD重构QuestionCard组件-得到了最终.mp4
│ ├── --8-11使用AntD的confirm功能-展示AntD的交互能力.mp4
│ ├── --8-12使用AntD开发星标问卷列表页.mp4
│ ├── --8-13使用AntD开发回收站页面-使用Table组件.mp4
│ ├── --8-14开发回收站的恢复和删除-为表格增加了选择功能.mp4
│ ├── --8-15加餐-介绍TailWind-CSS.mp4
│ ├── --8-16章总结.mp4
│ ├── --8-1章介绍.mp4
│ ├── --8-2介绍React世界中常用的几个UI组件库.mp4
│ ├── --8-3安装和使用Ant-Design.mp4
│ ├── --8-4使用AntD重构MainLayout-体现AntD布局能力.mp4
│ ├── --8-5使用AntD重构ManageLayout-灵活使用Butt.mp4
│ ├── --8-6使用AntD开发Logo组件.mp4
│ ├── --8-7开发UserInfo组件.mp4
│ ├── --8-8使用AntD开发首页.mp4
│ └── --8-9使用AntD快速制作漂亮的404页面.mp4
└── {9}--第9章【中级】React表单组件-接收用户输入,让用户和页面互动
├── --9-10使用AntD的Form组件开发注册页.mp4
├── --9-11使用AntD的Form组件开发登录页,并实现&ldquo.mp4
├── --9-12使用AntD表单组件的校验功能,校验用户名和密码的格式.mp4
├── --9-14使用第三方表单校验工具Formik.mp4
├── --9-15章总结.mp4
├── --9-1章介绍.mp4
├── --9-2什么是受控组件-React表单组件的重要概念.mp4
├── --9-3使用textarea组件-通过dangerouslySet.mp4
├── --9-4使用radio单选按钮-受控组件的设计思路.mp4
├── --9-5使用checkbox复选按钮-模拟真实的业务场景.mp4
├── --9-6使用select下拉框组件.mp4
├── --9-7使用form组件和submit方法.mp4
├── --9-8使用AntD开发ListSearch搜索组件.mp4
└── --9-9ListSearch搜索修改URL参数-体现组件设计的解耦.mp4
下载地址:
**** Hidden Message *****
页:
[1]