当使用 Hook 特性编写组件的时候时候，总能感觉到它的简洁和方便。当然，「天下没有免费的午餐」，它牺牲了可读性并且存在内存泄漏风险（最后有提到）。但这并不妨碍探索它的魔力。 在正式开始前，希望您读过 Hook 的文档或者在项目使用过它。但如果只对函数编程感兴趣，也可能有所收获…

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章，主要讲解实际项目中如何使用hooks以及一些最佳实践，不会一步步再介绍一遍react hooks的由来和基本使用，…

自从 Hooks 诞生以来，官方就有考虑到了性能的问题。添加了各种方法优化性能，比如 memo、hooks deps、lazy initilize 等。而且在官方 FAQ 中也有讲到，Function 组件每次创建闭包函数的速度是非常快的，而且随着未来引擎的优化，这个时间进一步…

在这个教程中，我想向您展示如何通过state和effect钩子来获取数据。我们将会使用广为人知的Hacker News API从科技世界获取流行文章。通过这篇文章，你也能为数据获取实现自己的自定义hook,它可以在你的应用中的任何地方被复用或者发布到npm作为一个独立的node…

一个项目，一个复杂的逻辑，我觉得状态管理显得尤为的重要，状态管理的好不好，直接体现了一个项目的逻辑性、可读性、维护性等是否清晰，易读，和高效。 从最早的类组件使用 this.state, this.setState 去管理状态，到 redux , subscribe, disp…

但有时候当你使用 useEffect你总觉得哪儿有点不对劲。你会嘀咕你可能遗漏了什么。它看起来像class的生命周期...但真的是这样吗？你发觉自己在问类似下面的这些问题： 当我不再透过熟悉的class生命周期方法去窥视 useEffect 这个Hook的时候，我才得以融会贯通…

函数组件性能比类组件好，但是在现代浏览器中，闭包和类的原始性能只有在极端场景下才会有明显的差别。 性能主要取决于代码的作用，而不是选择函数式还是类组件。尽管优化策略有差别，但性能差异可以忽略不计。 而下面会重点讲述：React的函数式组件和类组件之间根本的区别： 在心智模型上。…

从官网的这句话中，我们可以明确的知道，Hook增加了函数式组件中state的使用，在之前函数式组件是无法拥有自己的状态，只能通过props以及context来渲染自己的UI，而在业务逻辑中，有些场景必须要使用到state，那么我们就只能将函数式组件定义为class组件。而现在通…

学习React的虚拟DOM，并使用这些知识来提升你的应用程序的速度。通过这篇对框架内部实现友好入门的介绍中，我们将揭开JSX的神秘面纱，向您展示React如何做出渲染决策，解释如何查找瓶颈，并分享一些避免常见错误的技巧。 React不断震撼前端世界，而且没有衰退迹象的原因之一是…