这篇文章大致归纳了面试中最爱问的几个问题：1.useState后发生了什么。2.详解diff算法 。3.render阶段发生了什么。4.fiber树的更新流程

相信很多人跟我之前一样，看到源码两个字觉得触不可及，觉得离自己还很遥远，是需要非常多年的工作经验的大佬才能触及到的领域。就在去年我改变了这个想法，当时被react的几个生命周期执行顺序弄的睡不着觉。

言简意赅地用86张思维导图🖼，总结 React相关知识点✔，且附原图和源文件📚，快来看看吧🤞~

背景 在半年前的某一天，一个运行一年的项目被人提了建议，希望有一个tabs页面，因为他需要多个页面找东西。 我：滚，自己开浏览器标签页（此处吹牛逼） 项目经理：我审核的时候也需要看别人提交的数据是否正

作为一名 React 开发者，你可能会面临下面几个问题： 如何构建一个高复用度性的组件，使其适应不同的业务场景？ 如何构建一个具有简单 API的组件，使其易于使用？ 如何构建一个在 UI 和功能方面具

修勾课堂开课了~下面是React中最核心的部分之一Diff算法，Diff 算法的本质就是对比 current Fiber Tree 和 JSX 对象，生成 workInProgress Fiber T

React 中没有 keepalive 怎么办？遇到这样的需求难道我们就不做了吗？今天我们从原理到实践，从零到一，在React 中实现 Vue 中的 keepalive 功能！

前阵子总结了一下前端面试相关的知识，有八股文，有算法。分享给大家！本章节介绍 React 相关面试知识点！

本文针对面试环节简单讲述了React的事件机制、渲染原理、以及fiber架构等等，内容全面，知识点丰富。