React采用了fiber架构来管理所有组件的渲染任务,在reconciler中通过一个函数将fiber树生成逻辑封装到一个一个回调函数中,再传入scheduler进行调度。

虚拟DOM到底是什么，它与真实的DOM有什么不同？在React中，为什么自定义组件的首字母要大写？有了虚拟DOM，性能就一定能够得到提升吗？...如果你对这些有疑问，那么这篇文章一定能帮助到你～

React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！

大家好，我是神三元，这一次，让我们来以React为例，把服务端渲染(Server Side Render，简称“SSR”)学个明明白白。 这一部分来简要实现一个React组件的SSR。 一. SSR vs CSR 废话不多说，直接起一个express服务器。 启动之后打开loc…

这是一门免费课程，写文章和录制视频这个我花了1个半月时间，如果你觉的不错可以给一个赞。文章和视频中会详细讲解React的基础知识，React版本是16x，也是目前最新版本(我课程录制开始的日期是2019年5月4日)。今年的目标是录制100集前端免费视频教程，可能大部分都会在Re…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

在我为一次会议准备技术演讲的过程中，我想花点时间和大家分享我在设计 React 组件模式上一些感悟。组件是 React 的核心，理解它对于设计一个良好的项目架构是十分重要的。 文中的图表是从一个非常棒的演讲（来自 Michael Chan）得到的。我强烈推荐去看他的视频 当你第…

这两天自己简单的看了下 setState 的部分实现代码，在这边给到大家一个自己个人的见解，可能文字或图片较多，没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…

1. 开启CRA之路 （必学步骤） 2. cross-env及全局变量配置 （必学步骤） 3. 配置ESLint和prettier （选学步骤） 4. 安装lodash （选学步骤） 5. 安装less相关，webpack配置less支持 （选学步骤） 6. 安装antd，配置…