摘要: 看源码一个痛处是会陷进理不顺主干的困局中,本系列文章在实现一个 (x)react 的同时理顺 React 框架的主干内容(JSX/虚拟DOM/...)阅读全文
posted @ 2018-07-06 16:22 牧云云 阅读(356) 评论(0) 编辑
摘要: 引子 学生时代为了掌握某个知识点会不断地做习题,做总结,步入岗位之后何尝不是一样呢?做业务就如同做习题,如果‘课后’适当地进行总结,必然更快地提升自己的水平。 由于公司采用的react+node的技术栈,于是就完成了一个reactSPA小项目,计划日后把平时工作中遇到的业务以及学习中遇到有趣的东西给阅读全文
posted @ 2017-05-12 10:10 牧云云 阅读(20922) 评论(21) 编辑
摘要: 流畅性 本篇是基于 FDCon2019 上《让你的网页更丝滑by刘博文》的复盘文。该课题也是博主感兴趣的领域, 后续会结合 React 的 Schedule 与该文进行进一步整合, "个人博客" 被动交互: animation 主动交互: 鼠标、键盘 被动交互 当前市面上的设备频率在 60 HZ 以阅读全文
posted @ 2019-05-26 02:30 牧云云 阅读(221) 评论(0) 编辑
摘要: 本文基于近段时间对 hooks 碎片化的理解作一次简单梳理, "个人博客" 。同时欢迎关注基于 hooks 构建的 UI 组件库 —— "snake design" 。 在 class 已经融入 React 生态的节点下, React 推出的 Hooks 具有如下优势: 更简洁的书写; 相对类中的 阅读全文
posted @ 2019-05-12 13:38 牧云云 阅读(143) 评论(1) 编辑
摘要: 本文副标题是 。在本章中会介绍 的用法以及其缺陷, 接着对 React 团队对该 api 的 hack 部分的源码进行剖析。在下一篇中会结合优先级对 React 的调度算法进行宏观的解释, 欢迎关注 "个人博客" 。 与 这个 api 息息相关。 的作用是是在浏览器一帧的剩余空闲时间内执行优先度相对阅读全文
posted @ 2019-03-23 20:49 牧云云 阅读(146) 评论(0) 编辑
摘要: 本文介绍与 在三种情景下使用方法,并结合源码进行相应解析。欢迎关注 "个人博客" 。 Code Spliting 在 16.6 版本之前, 通常是由第三方库来完成的,比如 "react loadble" (核心思路为: 高阶组件 + webpack dynamic import), 在 16.6 版阅读全文
posted @ 2019-03-05 00:12 牧云云 阅读(272) 评论(0) 编辑
摘要: 此章节会通过两个 来展示 以及 的数据结构。 "个人博客" 首先用代码表示上图节点间的关系。比如 下有 , 就可以把它们间的关系写成 ; Stack Reconciler 在 之前,节点之间的关系可以用数据结构中 来表示。 如下实现 函数, 将深度遍历的节点打印出来。 输出结果为: Fiber Re阅读全文
posted @ 2019-02-23 21:48 牧云云 阅读(102) 评论(0) 编辑
摘要: 该系列会有 3 篇文章,分别介绍什么是函数式编程、剖析函数式编程库、以及函数式编程在 React 中的应用,欢迎关注我的 "blog" 命令式编程和声明式编程 拿泡茶这个事例进行区分命令式编程和声明式编程 命令式编程 1.烧开水(为第一人称) 2.拿个茶杯 3.放茶叶 4.冲水 声明式编程 1.给我阅读全文
posted @ 2019-02-05 13:48 牧云云 阅读(1434) 评论(1) 编辑
摘要: 只有注册用户登录后才能阅读该文。阅读全文
posted @ 2019-01-13 11:52 牧云云 阅读(40) 评论(2) 编辑
摘要: Before you're going to hate it, then you're going to love it. Concurrent Render(贯穿 16) 在 18年的 "JSConf Iceland" 上, Dan 神提到 Concurrent Render 涉及到 CPU 以及阅读全文
posted @ 2018-12-05 22:17 牧云云 阅读(392) 评论(0) 编辑
摘要: 本文整理了 React 16.x 出现的耳目一新的概念与 api 以及应用场景。 更多 React 系列文章可以订阅 "blog" 16.0 Fiber 在 16 之前的版本的渲染过程可以想象成一次性潜水 30 米,在这期间做不了其它事情(Stack Reconciler); 痛点概括: 一次性渲染阅读全文
posted @ 2018-11-22 22:34 牧云云 阅读(152) 评论(0) 编辑
摘要: "原文链接" InversityJS 是一个 IoC 框架。IoC(Inversion of Control) 包括依赖注入(Dependency Injection) 和依赖查询(Dependency Lookup)。 相比于类继承的方式,控制反转解耦了父类和子类的联系。 案例解析 上述案例可以抽阅读全文
posted @ 2018-11-07 15:41 牧云云 阅读(461) 评论(0) 编辑