最近开始学习React的， 作为一只从Vue转世而来的React萌新，首当其冲的就是对路由的执着了， Vue在路由这一块的中心化，以及父子路由用的太顺手了， 一下子接受不了React教程中的路由写法， 所以想在React中也实现中心化的路由。 但通过教程还是可以看出，首先Rea…

可以看到id并没有变化，但是还是会重新渲染这个组件。

React Hook 出来已经有一段时间了，具体的一些用法以及它解决的痛点，可以查看 Dan 的两篇文章 useEffect 完整指南以及编写有弹性的组件进行详细了解。 React Hooks API正式在 React V16.8 版本发布了。这篇博客，主要是介绍了其中 use…

要理解单元测试，我们先来给测试下个定义。用最简单的话来说测试就是：我们给被测试对象一些输入（input），然后看看这个对象的输出结果（output）是不是符合我们的预期（match with expected result）。而在软件工程里面有很多不同类型的测试，例如单元测试（…

对于之前没有接触过 React Router 的同学来说，一定要注意：最新的React Router版本是 V5 。除此之外，还有 V2 V3 V4 版本。其中V4和V5版本的用法和理念基本上是一致的，但是和之前的V2、V3版本有较大差异。 所以在学习之前一定要弄清楚自己使用的…

在陈年的老项目中，通常用Redux、Mobx这样的全局状态管理方案无差别对待他们。 这类状态通常保存在组件内部。 当状态需要跨组件层级传递，通常使用Context API。 再大范围的状态会使用Redux这样的全局状态管理方案。 返回的数据通常作为状态保存在组件内部（如App组…

近期抽时间对 React hooks 系统的学习了一下，发现真香，根本停不下来，分享一下用了将近一年的心得。 useState 返回值为一个数组，数组的第一个参数为我们需要使用的 state，第二个参数为一个 setFn。 不要在循环、条件或嵌套函数中调用 Hook。 所以总结…

先说结论useCallback和useMemo都可缓存函数的引用或值，但是从更细的使用角度来说useCallback缓存函数的引用，useMemo缓存计算数据的值。 根据官网文档的介绍我们可理解：在a和b的变量值不变的情况下，memoizedCallback的引用不变。即：us…

❗️准备知识 :熟悉 React熟悉 TypeScript (参考书籍：2ality's guide, 初学者建议阅读：chibicode's tutorial）熟读 React 官方文档 TS部分熟