SS Sub
免费、付费机场节点和订阅

技术文章翻译: React 协调机制

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请  登录

sugarkeek

V2EX  ›  React

技术文章翻译: React 协调机制

  •  
  •   sugarkeek · 1 天前 · 639 次点击

    又来分享最近看到比较好的外文了,这次是看到 Christian Ekrem 的 blog 写的这篇文章,觉得还是讲的蛮深入的,感兴趣的可以去他 blog 全部看看。好像他对 react memoization 研究挺深入的,我自己全部都看了一遍,然后翻译了两篇,这里放出来一篇。

    [React 协调机制:组件背后的隐形引擎]( https://halo.chenkeyan.com/archives/fe-weekly-9-react-keys)

    给我印象比较深刻的点,一个是 react 组件重新渲染的规则,一个是 key 值影响组件状态,然后就是最后通过 react 协调机制给的实践建议。

    想看英文原文可以去这👉: https://cekrem.github.io/posts/react-reconciliation-deep-dive/

    我这边跟着文章也做了几个小 demo ,可以体验体验:

    组件渲染规则演示

    https://codepen.io/showmecode_ahh/pen/LEEyEdP

    通过 key 值状态保持演示

    https://codepen.io/showmecode_ahh/pen/azzWdro

    通过 key 值状态转换演示

    https://codepen.io/showmecode_ahh/pen/qEEmbGd

    目前尚无回复

    未经允许不得转载:机场推荐官 » 技术文章翻译: React 协调机制