通过图文和代码的形式分析React的原理，包括渲染流程、Diff算法、bailout策略和hooks等。参考了Zachary Lee的400行实现mini-react项目和7kms的图解React。

想让React应用实现无刷新导航？这篇指南告诉你！从基础配置到嵌套路由，从登录重定向到实际场景，一次性掌握React-Router核心技能，轻松搞定前端路由。

React 闭包陷阱详解 什么是闭包陷阱？ React 闭包陷阱是指函数组件中的回调函数（特别是事件处理函数或副作用函数）捕获了过时的状态值，而不是最新的状态值。这是因为这些函数在创建时形成了一个闭包

时隔两年再次更新了，本文主要给大家带来一些我面试的经历和经验，希望对正在求职京东前端岗位的同学有所帮助。我先大致说下面试之前的个人情况：...

比起 Vue Router，React Router 实现路由守卫的方法似乎更加复杂。在这篇文章中，我介绍了两种在 React Router 实现路由守卫的方法。

用过 Vue 的童鞋都知道 Vue 官方自带了 `Keep-Alive` 组件，它能够使组件在切换时仍能保留原有的状态信息，并且有专门的生命周期方便去做额外的处理。该组件在很多场景非常有用，

useMemo是react用作性能优化的一个hook，但有一个现象，不知道的人一次不用，知道的人随时随地到处都用。本文就带你真正搞懂什么情况下可以使用useMemo

把你项目中的仅进行state的状态同步的useEffect改用useMemo替代，你应该能看到一片清爽的网络接口调用和约3倍的性能提升

学过 Vue 的小伙伴肯定知道，在 Vue 中，路由守卫可以帮助我们一站式进行路由鉴权。我们只需要在全局前置路由守卫 中判断逻辑即可，方便快捷，但是在 React 中，如何实现类似的功能呢？