Naico智库
Search Docs
K
面试八股文
编程语言
数据库相关
前端常见问题
Java 基础与进阶
计算机网络基础
计算机操作系统
系统设计
软件架构
BackendForFront
微服务
经典设计模式
算法与数据结构
剑指Offer题解
LeetCode题解
算法基础
数据结构与算法
读书笔记
架构基础
React Hooks 核心原理与实战
TypeScript 进阶
面试八股文
软件架构
算法与数据结构
读书笔记
Menu
React Hooks 核心原理与实战
Filter
React 的颠覆式创新
React 的颠覆式创新
使用组件的方式描述 UI
使用 state 和 props 管理状态
理解 JSX 语法的本质
React 为什么要发明hooks?
React 为什么要发明hooks?
重新思考 React 组件的本质
Hooks 是如何诞生的?
Hooks 带来的最大好处:逻辑复用
Hooks 的另一大好处:有助于关注分离
小结
内置 Hooks(1):如何保存组件状态和使用生命周期?
内置 Hooks(1):如何保存组件状态和使用生命周期?
Hooks 只能在函数组件的顶级作用域使用
Hooks 只能在函数组件或者其它 Hooks 中使用
内置 Hooks(2):为什么要避免重复定义回调函数?
内置 Hooks(2):为什么要避免重复定义回调函数?
忘掉 Class 组件的生命周期
忘掉 Class 组件的生命周期
构造函数
三种常用的生命周期方法
其它的生命周期方法
自定义Hooks :四个典型的使用场景
自定义Hooks :四个典型的使用场景
全局状态管理:如何在函数组件中使用 Redux?
全局状态管理:如何在函数组件中使用 Redux?
复杂状态处理:如何保证状态一致性?
复杂状态处理:如何保证状态一致性?
原则一:保证状态最小化
原则二:避免中间状态,确保唯一数据源
异步处理:如何向服务器端发送请求?
异步处理:如何向服务器端发送请求?
实现自己的 API Client
使用 Hooks 思考异步请求:封装远程资源
多个 API 调用:如何处理并发或串行请求?
函数组件设计模式:如何应对复杂条件渲染场景?
函数组件设计模式:如何应对复杂条件渲染场景?
容器模式:实现按条件执行 Hooks
使用 render props 模式重用 UI 逻辑
事件处理:如何创建自定义事件?
事件处理:如何创建自定义事件?
在 React 中使用原生事件
React 原生事件的原理:合成事件(Synthetic Events)
创建自定义事件
使用 Hooks 封装键盘事件
项目结构:为什么要按领域组织文件夹结构?
项目结构:为什么要按领域组织文件夹结构?
软件复杂度的根源:复杂的依赖关系
按领域组织文件夹结构
处理模块间的依赖
Form:Hooks 给 Form 处理带来了哪些新变化?
Form:Hooks 给 Form 处理带来了哪些新变化?
在表单中使用 React 组件:受控组件和非受控组件
使用 Hooks 简化表单处理
处理表单验证
常用的 React Form 框架
使用浮动层:如何展示对话框,并给对话框传递参数?
使用浮动层:如何展示对话框,并给对话框传递参数?
案例导入:处理对话框的误区
思路:使用全局状态管理所有对话框
实现:创建 NiceModal 组件和相关 API
处理对话框返回值
路由管理:为什么每一个前端应用都需要使用路由机制?
路由管理:为什么每一个前端应用都需要使用路由机制?
理解路由的工作原理:自己实现一个简单的路由机制
使用 React Router
使用嵌套路由:实现二级导航页面
在 URL 中保存页面状态
路由层面实现权限控制
按需加载:如何提升应用打开速度?
按需加载:如何提升应用打开速度?
如何实现按需加载?
使用 service worker 缓存前端资源
打包部署:你的应用是如何上线的?
打包部署:你的应用是如何上线的?
为什么需要了解 Webpack?
Webpack 的基本工作原理
理解 loader 和 plugin
单元测试:自定义 Hooks 应该如何进行单元测试?
单元测试:自定义 Hooks 应该如何进行单元测试?
如何使用 Jest 和 React Testing Library 进行单元测试
如何对自定义 Hooks 进行单元测试
第三方工具库:最常用的第三方工具库有哪些?
第三方工具库:最常用的第三方工具库有哪些?
lodash
UI 库:Ant Design 和 Material UI
react-use
20. React 的未来:什么是服务器端组件?
20. React 的未来:什么是服务器端组件?
React 17.0:没有新特性的新版本
Suspense: 悬停渲染
Server Components:服务器端 React 组件
课后思考题
课后思考题
02 讲
03 讲
04 讲
06 讲
07 讲
第 9 讲
第 10 讲
第 12 讲
第 13 讲
第 14 讲
第 15 讲
第 16 讲