首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React
好记性不如烂笔头
创建于2023-11-29
订阅专栏
1:基础知识 2:虚拟DOM、diff算法、Key 3:react-router 4:Redux、zustand源码 5:性能优化
等 1 人订阅
共25篇文章
创建于2023-11-29
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React--Fiber架构、Scheduler(调度)
Fiber出现的背景,解决什么问题 在React 16之前的版本中,是使用递归的方式处理组件树更新,称为堆栈调和(Stack Reconciliation) ,这种方法一旦开始就不能中断,直到整个组件
React---虚拟DOM、Diff算法、Key作用
虚拟DOM原理 渲染虚拟DOM: 当应用的状态变化时,React会渲染一个新的虚拟DOM树。 比较虚拟DOM: React将新的虚拟DOM树与上一次渲染的树进行比较,来确定实际DOM需要进行何种更新。
React状态管理工具---Redux、Redux Toolkit、Zustand(推荐使用)、Jotai、Recoil、MobX、Pinia
Redux流程 - 定义一个reducer函数(根据当前想要做的修改返回一个新的状态) - 使用createStore方法传入reducer函数生成一个store实例对象
React---组件通信(发布订阅模式)props、Context
父子组件通信 父组件向子组件通信:父组件通过props向子组件传递信息 跨级组件通信等一系列的通信方式
React ---生命周期
React将组件生命周期分为三个阶段 加载阶段(Mount):组件第一次在DOM树中被渲染的过程 更新过程(Update):组件状态发生变化,重新更新渲染的过程 卸载过程(Unmount):组件从DO