另一个经常影响重新渲染的点，就是Context了。在讨论重新渲染时，Context时常有不好的名声。我觉得，人们常常觉得Context就是在app四处作怪的葛雷姆林，导致一些自发的、无法停止的重新渲染

可能是 React 下最好的弹窗管理实践方案。 经过 `NiceModal` 的封装，好处显而易见：1. 调用过程干净优雅；2. 组件依旧存在于上下文中（可以自定义位置，默认在...

JavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。如果页面比较复杂，添加了大量的计算，并且还添加了Canvas(Canvas 是一个非常受欢迎的表现方式，同时也是WebGL的入口。它能绘制图形，图片，展示动画，甚至是处理视频…

上周的 精读《React Hooks》 已经实现了对 React Hooks 的基本认知，也许你也看了 React Hooks 基本实现剖析（就是数组），但理解实现原理就可以用好了吗？学的是知识，而用的是技能，看别人的用法就像刷抖音一样（哇，饭还可以这样吃？），你总会有新的收获…

很多人都用过 React Suspense，但如果你认为它只是配合 React.lazy 实现异步加载的蒙层，就理解的太浅了。实际上，React Suspense 改变了开发规则，要理解这一点，需要作出思想上的改变。 我们结合 Why React Suspense Will B…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 React是流行的javascript框架之一，在2019年及以后将会更加流行。React于2013年首次发布，多年来广受欢迎。它是一个声明性的、基于组件的、用于构建用户界面的高效javascript库。 以下…

本 Demo 并不采用 CSS Module 来进行 css 模块化，因为编译之后可读性不好，而且增加复杂度和编译时间。使用统一的 css 命名空间约定，我们也可以很简单的防止 css 命名冲突。 使用 Typescript 意味着使用强类型，我们把业务实体中 TS 类型定义分…

我们一般编写组件，都会这么去做，list包裹item，循环展示item。数据放在list组件中，item作为一个无状态组件，只做他的展示。 数据交互通过props传递，点击+-会改变购物车里的数据。 现在需求来了，双12来了（就在昨日），所有商品8折优惠。 这意味着我们需要修改…

jsx语法是如何解析为虚拟dom的,接下来我将聊聊虚拟dom是如何挂载到真实dom上的。 我读的是React^15.6.2的源代码,因为最新的React^16.6.3版本，引入了Fiber架构,因为时间有限,Fiber我暂时没弄的太明白，但是它主要作用是优化组件的更新，所以不影…