redux是参考Flux设计原则的一个管理数据流的库。 下图为redux的核心运作流程 image redux 三大原则： 单一数据源：整个应用的状态都保存在一个对象（store）中。这样我们随时可以取出整个应用的状态进行持久化。 状态只读 ...

1 传送门 https://babeljs.io/docs/en/next/babel-plugin-proposal-optional-chaining 2 安装 npm安装@babel/plugin-proposal-optional- ...

Unsplash Hook 是什么？Hook 是 React 16.8 的新增特性，它可以让你在不编写 class 的情况下“钩入” React 的特性，例如，useState 是允许你在 React 函数组件中添加 state 的 Ho ...

什么是插槽？ 在vue中通过slot可以向组件中指定位置插入内容。 正常情况下调用一个组件的时候，组件显示的内容为com-input组件中模板的内容。可是想在调用组件的时候给组件添加内容，该怎么办呢 ...

前言 Redux 也是我列在 THE LAST TIME 系列中的一篇，由于现在正在着手探究关于我目前正在开发的业务中状态管理的方案。所以，这里打算先从 Redux 中学习学习，从他的状态中取取经。毕竟，成功总是需要站在巨人的肩膀上不是。 ...

image.png useState 使用状态 const [n, setN] = React.useState(0) const [user, setUser] = React.useState({name: 'Jack', age: ...

1. 何为事务？ 根据维基百科的解释: 提供独立可靠的恢复机制，保证出错时数据的一致性，不同事务之间互相独立。 事务一般在 数据库 中使用的比较多，能保证出错的时候进行rollbakc恢复。但是，React中的事务并不提供类似数据库的回滚能 ...

“React Fiber是对核心算法的一次重新实现” ！！！ 在V16之前，React的更新过程是同步的，这可能会导致性能问题。 比如，当React决定要加载或者更新组件树时，会做很多事，比如调用各个组件的生命周期函数，计算和比对Virtu ...

导读 本文从解决问题的角度出发，讲述实际开发过程中遇到的一些困惑和解决方案。 之前尽管读过一些文章，也系统的看过教程，可当TS结合React，在加上个antd还是一头雾水！ 有时候TS给出的提示让人崩溃，搜也搜不到！觉得TS麻烦！不知道类型 ...

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 例子： import React, { useState } from 'react'; functi ...