在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

在使用 React 开发的这段时间里，我最大的感受就是 “这是 React 最好的时代，也是最坏的时代” ！「好」在于 hooks 开启了不一样的开发模式，在思考方式上要求更关注于数据之间的依赖关系，同时书写方式更加简便，总体上提升了开发效率；「坏」在于项目中经常是类组件与函数…

react-motion 是一个提供缓动函数的库...

大家好呀，我是wangly19。一名专注于Vue的前端萌新。 国庆后如约和大家见面了。经历了金九银十和十一长假后的我也要开始努力写文章了，这次主要是分享下我是如何快速横切到React技术栈。如果看文章的你正在学习React或者说也是转换技术栈，那么本文一定能够给你有一些启发和帮…

上面是两个最简单的 function component 和 class component 的对比，首先从行数上来看，3 << 7。 Function Component 仅仅是一个普通的 JS 函数，Class Component 因为 ES2015 不支持 class 的…

大家好，我叫尽龙，来自体验技术部。社区名称叫 brickspert，砖家的意思。 自从 React 推出 React Hooks 后，就开始尝试使用 Hooks，并逐渐喜欢上了它。目前，几乎 100% 的组件都是使用 Hooks 开发。经过大半年的实践，在 Hooks 使用方面…

redux、mobx本身是一个独立的状态管理框架，各自有自己的抽象api，以其他UI框架无关（react, vue...），本文主要说的和react搭配使用的对比效果，所以下文里提到的redux、mobx暗含了react-redux、mobx-react这些让它们能够在reac…

本文涉及到的代码已经整理到 github 仓库中，用 cra 搭建了一个示例工程，关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价。 首先我们请求到购物车数据，这里并不是本文的重点，可以通过自定义请求 hook 实现，也可以通过普通的 …

在 React hook 中，useEffect 用来取代 componentDidMount 和 componentDidUpdate。主要作用是当页面渲染后，进行一些副作用操作（比如访问 DOM，请求数据）。 而 useLayoutEffect 的作用和 useEffect…