写在前面 本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一

欧阳最近找工作面试时总是被问到Vue和React的区别，这篇文章我们就来聊聊这个问题。面试官问这个问题一般是

面试官问： “React Fiber 是什么？” 为什么叫 “Fiber”? Fiber 架构解决了什么问题？ 怎么回答 遇到这样的问题，一般从以下几个方面去回答......

前置知识 单页应用 只有一个html文件 主流的开发模式变成了通过路由进行页面切换 优势: 避免整体页面刷新 用户体验变好 缺点：前端负责事情变多了 开发的难度变大 路由的本质 概念来源于后端 : 一

React 新老架构的 diff 对比 React 16 之前，React 是直接通过 递归遍历 VDOM 树 查找不同，对有变化的部分重新生成真实DOM。React 16之后的 Diff 是怎样的呢

在上一篇文章《React源码解析(一):组件的实现与挂载》中，我们阐述了React组件的实现和挂载。现在我们来一起探究组件的生命周期。 我们已经知道，只有在挂载流程开始后，才会触发组件的生命周期，生成ReactElement类型的js对象，通过解析组件对象内部所携带的信息，获得…

复合组件模式：使用多个组件协同完成单一功能。 正文 在我们的项目中，经常有很多组件。有些组件通过共享state，或者共享逻辑，相互依赖。复合组件常见于select，menu和他们的子组件中

微前端概念 微前端是借鉴了微服务的理念，将一个庞大的应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发，独立运行，独立部署，还可以随意组合，这样就降低了耦合度，从而更加灵活。 微前端特性 技术栈

本文正在参加「金石计划」 原文来自我的个人博客 1. 编程风格 & 视图风格 1.1 编程风格 React 语法少、难度大；Vue 语法多，难度小 例如指令： Vue React Vue 给我们提供了