FixEcho

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情 >> SOLID设计原则 单一功能原则（Single Responsibility Principle）

作为任务的开始，我们先来了解一些常见基础概念。 编程范式 编程范式分为： 命令式：关注过程的一种编程范式，描述了完成一个功能的详细逻辑和步骤，当项目越复杂，描述难度越大 声明式：关注结果的一种编程范式

分析部分 下面的就是Vue项目中的重要模块，标文字的才是需要我们关注的 如何对源码进行debugger 下载源代码 在根目录下package.json中的build命令改成"build": "node

什么是响应系统 会影响视图变化的数据称为响应数据，当响应式数据发生变化时，视图也会相应的变化 这就引出了常见面试题：vue2和vue3的响应式实现方式为什么不同： 那么vue中的响应式数据是如何实现的

git仓库 新建仓库oh-react 配置.gitignore 项目 本项目采用monorepo形式来管理仓库，可以方便的协同管理不同独立的库的生命周期 pnpm初始化项目 新建packages目录，

序 我们可以在babel的playground看到jsx代码转换后的东西，当前是automatic模式，jsx代码会被转换成_jsx方法的调用，这是react17之后新增的。 而传统的也就是17之前是

序 前面我们已经实现了jsx方法，现在需要打包jsx，而我们是实现了三个三个方法，分别是jsx，jsxDEV，React.createElement，所以对应的我们也需要打包成对应文件分别是： rea

序 明确reconciler的作用 在前端框架出现之前，我们熟知的jQuery是过程驱动的，也就是开发者去调用宿主环境的API，然后更新到真实的UI 在前端框架出现之后，我们熟知的react等框架是状

序 前面我们已经实现了Reconciler的架构，并且实现了renderRoot，renderRoot会执行更新的过程，所以我们推测调用renderRoot的是那些触发更新的API，那么在React中