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

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

组件规范 当通过调用React.creatClass()来生成一个组件类的时候，你需要提供一个规范对象作为参数传入，这个对象必须包含render方法以及包含其他可选的生命周期方法。这些方法介绍如下。 render ren…

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

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

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

我有一些需求，需要搭建一个静态服务，路由在前端，前端请求API，需要到代理到API服务器，图片资源需要代理到图片资源服务器。这里持续更新修正 upstream server-api{ # api 代理服务地址 serve…

本文译自 Presentational and Container Components，文章的作者是 Dan Abramov，他同时也是Redux和Create React App的作者。 在实际运用React + R…

Redux 源码解读 1.redux-action createAction redux-action的createAction要领就是给我们供应了天真的建立相符FSA规范的action的要领。 exports.defa…

1 Redux Redux is a predictable state container for JavaScript apps 简朴来讲，Redux是一个治理运用状况的框架 2 处理的题目 2.1 前端开辟中的广泛…

首先在正式的高阶组件之前我们先来了解一下函数的类似操作： function hello () { console.log('hello') } function WrapperHello (fn) { return fu…

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