父组件将一个 【值】 传递给子组件，若父组件的其他值发生变化时，子组件也会跟着渲染多次，会造成性能浪费； useMemo是将父组件传递给子组件的值缓存起来，只有当 useMemo中的第二个参数状态变化

前段时间一直在研究react ssr技术，然后写了一个完整的ssr开发骨架。今天写文，主要是把我的研究成果的精华内容整理落地，另外通过再次梳理希望发现更多优化的地方，也希望可以让更多的人少踩一些坑，让跟多的人理解和掌握这个技术。 相信看过本文（前提是能对你的胃口，也能较好的消化…

useEffect是React hooks中可以让你在函数组件中执行副作用操作的Effect Hook。 在React hooks刚出来的时候我也记录过一篇关于认识 react Hooks的。在使用的过程中，经常遇到useEffect重复调用的问题，因此借此文总结下。 比如下面…

前言 自己在掘金上看了也看了很多关于hooks的文章，感觉都讲得不是很详细。而且也有很多的水文。最近自己打算重学react，系统性的再把hooks给学习一遍。 Hooks is what？ react

大家知道在React和Vue中都存在高阶组件。尤其是在React应用更为普遍一些。其实高阶组件的定义来源于高阶函数。首先我们先看看什么是高阶函数。 高阶函数英文叫Higher-order function。对其他函数进行操作的函数，可以将它们作为参数或返回它们。 首先我们先写一…

Ref属性用来获取DOM元素的节点和获取子组件的实例。 String Ref是个过时的API。因为String类型的Ref存在一些问题，将在未来的某个版本中被遗弃，不建议使用。 Ref获取子组件的实例后，可以调用子组件上的方法。 Callback Ref能助你更精细地控制何时 …

阅读hook的官方文档 可以看到它的一些使用限制。 浏览器就会抛出类似的错误。 接下来 ，让我们尝试手动实现以下useState和useEffect这两个Hook。通过理解其设计原则来理解其使用规则. 这里实现的setState每次更新state后，并不能拿到最新的state，…

本文介绍了如何在 Create React App 脚手架中使用 CSS Modules 的两种方式。 此时 Button 组件的背景颜色是红色，但是字体颜色却不是红色，因为使用了 Css Modules 之后，普通的 css 样式就不起效果了，需要用全局的方式编写才可以(:g…

来新公司开始用 React 已经两个多月了，当然之前我对 React 也不是一无所知的，对 React 的基础语法、JSX、Virtual Dom 都是有一定的了解。之前用过 Angular、Vue，对组件化开发都掌握的很熟练了，但 React 与 Angular、Vue 还是…