一直以来，ssh 身边都有很多小伙伴对 TS 如何在 React 中运用有很多困惑，他们开始慢慢讨厌 TS，觉得各种莫名其妙的问题降低了开发的效率。 其实如果运用熟练的话，TS 只是在第一次开发的时候稍微多花一些时间去编写类型，后续维护、重构的时候就会发挥它神奇的作用了，还是非…

1. 前言 React Hooks 是 React 16.8 引入的新特性，允许我们在不使用 Class 的前提下使用 state 和其他特性。React Hooks 要解决的问题是状态共享，是继 render-props 和 higher-order components 之…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 React 早期版本，类组件可以通过继承PureComponent来优化一些不必要的渲染，相对于函数组件，React 官网没有提供对应的方法来缓存函数组件以减少一些不必要的渲染，直接 16.6 出来的 Reac…

我们可以发现 hooks 的定义非常简单，只是获取了 dispatch 然后调用 dispatcher 对应的 useState 属性，其它 hooks 也是类似，比如 useEffect 是调用 dispatcher 的 useEffect 属性。 接着我们就需要看看 dis…

我们都已经听说过它（指Hooks）。这个React16.7中的新的hook系统在社区中引起非常多的争议。我们都已经试用并且测试过它，对于它以及它的潜力都感到非常的兴奋。当你思考hooks的时候，会觉得他们有种魔力，不知为何，React甚至能够在不暴露组件实例的情况下管理你的组件…

React在16.8版本为我们正式带来了Hooks API。什么是Hooks？简而言之，就是对函数式组件的一些辅助，让我们不必写class形式的组件也能使用state和其他一些React特性。按照官网的介绍，Hooks带来的好处有很多，其中让我感受最深的主要有这几点： 函数式组…

1. 这使您可以从树中的任何组件访问或更改状态。 2. 3. 使用 react-redux 中的 Provider 来为你的应用提供 store。 4. 要从 store 中取出数据，请使用 react-redux 提供的自定义 hook ：useSelector 。 5. 6…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 管理焦点，文本选择或媒体播放。 触发强制动画。 集成第三方 DOM 库。 1. createRef createRef 是 React16.3 版本中引入的。 使用 Rea…