一、这段代码竟然会让react应用瘫痪 大家可以试试在自己的react应用控制台中运行下面的代码。    运行完代码，试着操作页面，你会发现页面竟然不听使唤了，怎么操作都没反应。那这是为什么呢？在了解

helux是一个鼓励服务注入，并支持响应式变更react的全新数据流方案，为了更符合现在非常流行的`DDD`围绕业务概念构建领域模型的编码趋势而诞生。

最近前 leader 找到我，让我帮他面试一个前端开发的岗位（react技术栈，3年+），在整理面试题的时候，想到几年前跳槽的时候面阿里高德时被问到的一个 “刁钻” 面试题。

本文记录 antd 组件 Menu 与 react-router-dom 协作过程中，菜单项无法跟随 URL 高亮的问题，思考过程以及解决方案。最后将实现一个自定义 Hook 包装主要逻辑以便复用。

context 是 react 的主要特性，它能在任意层级的组件之间传递数据。 在业务代码中用 context 可能不多，大家更偏向于全局的状态管理库，比如 redux、mobx，但在 antd 等组

React暴露出来的部分Hooks 功能描述 useState、useReducer: 状态值相关 useEffect、useLayoutEffect: 生命周期相关 useContext: 状态共享

这篇文章会详细介如何正确使用 React.memo 和 useMemo 来对我们的项目进行一个性能优化。 React.memo 示例 我们先从一个简单的示例入手 以下是一个常规的父子组件关系，打开浏

某一天，产品经理找到我，他希望我们能够给用户更好的体验，提供长列表的滚动记忆功能。滚动恢复，不好实现，得加钱... ...

重现framer的神奇布局动画的指南。 到目前为止，我最喜欢 Framer Motion 的部分是它神奇的布局动画--将 layout prop 拍在任何运动组件上，看着该组件从页面的一个部分无缝过渡