首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
react原理
w君68133
创建于2024-02-23
订阅专栏
帮助自己更好的理解react原理设计
暂无订阅
共7篇文章
创建于2024-02-23
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
创建react源码项目-beginWork
react创建子fiberNode需要当前的current FiberNode和新的reactElement比较创建子fiberNode mount阶段会大量插入节点,性能消耗较大(利用构建离屏操作优
创建react源码项目-update更新机制
实现更新机制 代码位置packages/react-reconciler/src/ReactFiberClassUpdateQueue.ts 创建update react中触发更新的操作有一下几点 R
创建react源码项目-reconciler
reconciler的作用 reconciler是react中运行时的模块,根据jsx产生的element,调用宿主环境中的api,最终显示到ui界面 创建react-reconciler 修改pac
创建react源码项目-源码调试
link本地打包文件 下载官方的react代码 在react-source-learn的同级目录下,创建react项目 把react-source-origin中使用的react变成自定义的react
创建react源码项目-rollup实现jsx打包
安装 打包文件配置 打包命令 打包相关插件 rollup-plugin-generate-package-json打包文件中自动生成package.json文件 rollup-plugin-types
创建react源码项目-实现jsx转化
创建react 初始化 创建jsx 创建shared ReactTypes.ts 先把类型暂时设置成any ReactSymbols.ts
创建react源码项目-初始化项目
pnpm 初始化 声明pnpm-workspace.yaml 定义开发规范 tslint指定语法规范 eslint --init的步骤选择 eslint只需要检测问题,语法样式交给prettier 项