1. memo介绍React.memo之前，先了解一下React.Component和React.PureComponent。 React允许定义一个class或者function作为组件，那么定义一个组件类，就需要继承…

React Hook 是React16.8提出来的一个新特性，其意义就在于我们可以让函数组件变得跟类组件一样有能力管理自己的状态，这意味着我们以后写的所有组件都可以是Function，对于初学者来说降低了学习成本（压根不…

群里听达峰大大讲 Strikingly 用的是 emotion 的方案, 留了个心眼.之前查看过一些 CSS in JS 方案, 大致看过 emotion, 不知道哪个比较好:https://github.com/Mic…

源码地址：https://github.com/remmlqw/we…注意：本文是从 Webpack3 搭建 兼容 Webpack4 新建项目 1、新建一个文件夹 npm init 一直回车，最后yes，生成…

安装和使用webpack 1.初始化项目 mkdir react-redux && cd react-redux npm init -y 2.安装webpack npm i webpack -D npm …

安装 npm install --save redux npm install --save redux-saga 配置action actionType 创建文件src/actions/types.js，在types.…

入门 无破坏性更改 完全可选的 100% 向后兼容 现在可用 动机 难以复用组件间有状态的逻辑 复杂的组件变得难以理解 class 同样困扰着人和机器 Hooks 初体验 📌 State Hook imp…

父组件通过props把方法传递给子组件 class Parent extends React.Component { getRef(ref){ this.node = ref } render(){ return( &l…

前言 在前端领域中，接触到Diff算法基本上是基于现在的前端框架，如React、Vue等，目前的框架基本上都用到了Diff和V-dom，而Diff算法作为V-dom的加速器，在提高性能方面有极其重要的作用，在每次的upd…

Algebraic Effects是一个在编程语言研究领域新兴的机制，虽然目前还没有工业语言实现它，但是在React社区会经常听到关于它的讨论。React最近的很多新特性的背后实际上是Algebraic Effects的…

dingDang ( 一个管理react数据层的产品 ) github地址 我们将dingDang定义为一个产品而不是一个框架亦或工具包 。 因为dingDang在设计之初就将用户的开发体验放在第一位，而性能问题则放在第…

本文是关于 redux（3.7.2）源代码的一些浅读 在redux源码目录中 ，可以看到以下文件目录： |-- utils/ |-- warning.js //打印error |-- 1. applyMiddleware…