🍱 面试现场：外卖引发的血案 面试官：（突然亮出手机）你看这个外卖App，下单后页面要刷新数据。用useEffect还是useLayoutEffect？ 我：（战术微笑）这得看您是想要饿肚子等大餐（u

在面试过程中提到懒加载，很多的面试官都喜欢再往深一点问：也就是懒加载的原理。 笔者也是在两次面试过程中被问过，所以写了这一篇文章。

React 是由 Facebook 开发并于 2013 年开源的前端库，最初的目的是为了解决当时复杂用户界面开发中的效率和性能问题。

JS代码是单线程执行的，那浏览器是如何中断react的diff事件的。其实底层原理很简单，就两个字 -- 协程

React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作 DO

大多数开发者的观念里，useEffect 一定会在浏览器完成渲染后被异步调用。但事实并非如此，useEffect 并不总是在页面渲染完后后才会被调用，有时也许会在页面渲染前同步调用执行 effect。

Router 是开发 React 应用的必备功能，那 React Router 是怎么实现的呢？ 今天我们就来读一下 React Router 的源码吧！ 首先，我们来学一下 History API，

选择颜色是常见需求，想必大家都用过 ColorPicker 组件。 比如 Chrome DevTools 的这个： antd 也有 ColorPicker 组件： 其实浏览器原生也支持 color 类

目前我们的应用很多是采用 createContainer 来管理状态的，实现逻辑和 unstated-next 类似，但是它依然存在 Context 状态变化时会渲染所有消费者组件的问题。