摘要： 本文是 "React Hooks 深入系列" 的后续。此篇详细介绍了 Hooks 相对 class 的优势所在, 并介绍了相关 api 的设计思想, 同时对 Hooks 如何对齐 class 的生命周期钩子作了阐述。 React Logo 与 Hooks React 的 logo 是一个原子图案, 阅读全文

摘要： 流畅性 本篇是基于 FDCon2019 上《让你的网页更丝滑by刘博文》的复盘文。该课题也是博主感兴趣的领域, 后续会结合 React 的 Schedule 与该文进行进一步整合, "个人博客" 被动交互: animation 主动交互: 鼠标、键盘 被动交互 当前市面上的设备频率在 60 HZ 以 阅读全文

摘要： 本文基于近段时间对 hooks 碎片化的理解作一次简单梳理, "个人博客" 。同时欢迎关注基于 hooks 构建的 UI 组件库 —— "snake design" 。 在 class 已经融入 React 生态的节点下, React 推出的 Hooks 具有如下优势: 更简洁的书写; 相对类中的 阅读全文

摘要： 本文副标题是 。在本章中会介绍 的用法以及其缺陷, 接着对 React 团队对该 api 的 hack 部分的源码进行剖析。在下一篇中会结合优先级对 React 的调度算法进行宏观的解释, 欢迎关注 "个人博客" 。 与 这个 api 息息相关。 的作用是是在浏览器一帧的剩余空闲时间内执行优先度相对 阅读全文

摘要： 本文介绍与 在三种情景下使用方法，并结合源码进行相应解析。欢迎关注 "个人博客" 。 Code Spliting 在 16.6 版本之前， 通常是由第三方库来完成的，比如 "react loadble" (核心思路为: 高阶组件 + webpack dynamic import), 在 16.6 版 阅读全文

摘要： 此章节会通过两个 来展示 以及 的数据结构。 "个人博客" 首先用代码表示上图节点间的关系。比如 下有 , 就可以把它们间的关系写成 ; Stack Reconciler 在 之前，节点之间的关系可以用数据结构中 来表示。 如下实现 函数, 将深度遍历的节点打印出来。 输出结果为: Fiber Re 阅读全文

摘要： 该系列会有 3 篇文章，分别介绍什么是函数式编程、剖析函数式编程库、以及函数式编程在 React 中的应用，欢迎关注我的 "blog" 命令式编程和声明式编程 拿泡茶这个事例进行区分命令式编程和声明式编程 命令式编程 1.烧开水(为第一人称) 2.拿个茶杯 3.放茶叶 4.冲水 声明式编程 1.给我 阅读全文

只有注册用户登录后才能阅读该文。 阅读全文

摘要： Before you're going to hate it, then you're going to love it. Concurrent Render(贯穿 16) 在 18年的 "JSConf Iceland" 上, Dan 神提到 Concurrent Render 涉及到 CPU 以及 阅读全文

摘要： 本文整理了 React 16.x 出现的耳目一新的概念与 api 以及应用场景。 更多 React 系列文章可以订阅 "blog" 16.0 Fiber 在 16 之前的版本的渲染过程可以想象成一次性潜水 30 米，在这期间做不了其它事情(Stack Reconciler); 痛点概括: 一次性渲染 阅读全文