react源码学习-02 Fiber memo

2021/10/26 14:11:55

本文主要是介绍react源码学习-02 Fiber memo,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

React Fiber是对核心算法的一次重新实现

把一个耗时长的任务分成很多小片

react 协调
diff算法

memoy原理

function memoize(fn) {
 var cachedArg;
 var cachedResult;
 return function(arg) {
   if (cachedArg === arg) {
     return cachedResult;
   }
   cachedArg = arg;
   cachedResult = fn(arg);
   return cachedResult;
 };
}

var MemoizedNameBox = memoize(NameBox);

function NameAndAgeBox(user, currentTime) {...}

参考
知乎-React Fiber是什么
思否-React Fiber 原理介绍



这篇关于react源码学习-02 Fiber memo的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程