诺灰

本文通过实际业务例子举例，如何将状态机思想迁移并运用到实际业务开发场景中，从而帮助我们在开发中，简化复杂的多状态流转场景。

第一个例子是西瓜视频的控制台，输出一张图片。 第二个例子是bilibili的控制台，玩转了 ASSII-Aar。 第三个例子：基于第一个例子进行改造。 无意中看到西瓜视频官网的控制台（没有在推广西瓜视频！）。 言归正传，console.log 是支持使用 background …

码良是一个高扩展的网页搭建平台，它面向运营，同时也面向研发。码良可以在上面去做移动端的页面，也可以去做 PC 大屏的页面，整个码良平台会通过基础的组件、脚本、动画、模板这些模块，去把整个功能区做一些

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

本文涉及到的代码已经整理到 github 仓库中，用 cra 搭建了一个示例工程，关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价。 首先我们请求到购物车数据，这里并不是本文的重点，可以通过自定义请求 hook 实现，也可以通过普通的 …

返回一个memoized的函数，内联回调函数及依赖项数组作为参数传入useCallback,该回调函数只有在依赖项改变的时候才会更新，避免非必要的渲染。我在实际工作中因为用了eslint的一个配置，依赖项自动给加上。 Memoization这里很有必要提下这个。理解为缓存，看了…

掌握 React Hooks api 将更好的帮助你在工作中使用，对 React 的掌握更上一层楼。本系列将使用大量实例代码和效果展示，非常易于初学者和复习使用。 截止目前我们已经学习了3个hook api，useState, useEffect, useContext。接下来…

在编写 React Hook 代码时，useCallback和useMemo时常令人感到困惑。尽管我们知道他们的功能都是做缓存并优化性能，但是又会担心因为使用方法不正确导致负优化。本文将阐述useCallback和useMemo在开发中常见的使用方式和误区，并结合源码剖析原因，…

本文详细的讲述了 useCallback 与 useMemo 的使用场景，以及有哪些使用中常遇到的问题与采坑点。