实现 React 项目国际化，不得不提在业界中较受欢迎的库：react-intl，它是雅虎的语言国际化开源项目 formatjs 的一部分，通过其提供的组件和 api 可以在 React 项目中实现多语言支持。 只能应用于视图层，仅支持在jsx文件的内容（即React.Comp…

这样我们能够用 React 进一步的实践函数响应式编程（FRP）。类似的模式并不新鲜，几年前 Cycle.js 就已经这么做了： 不同的是，Cycle.js 偏爱 Hyperscript，React 则是 JSX，也没有使用 FRP 框架或者 Observable（RxJS 或…

“状态管理”是 React 中绕不开的一个话题。因为 React 中数据是自上（祖先组件）而下流动的，当层级较深的组件需要访问祖先组件的状态时，通常需要把该状态通过多个组件传递下去。组件必须要传递该组件实际上并不使用的状态，导致组件之间耦合严重，有悖于组件的设计原则。这时候，我…

函数组件是纯 UI 组件，也称作傻瓜组件, 或者无状态组件。渲染所需要的数据只通过 props 传入, 不需要用 class 的方式来创建 React 组件, 也不需要用到 this 关键字，或者用到 state 什么情况下不使用函数组件？ 如果你需要用到 react 生命周期…

在过去的几个月里，React Hooks 在我们的项目中得到了充分利用。在实际使用过程中，我发现 React Hooks 除了带来简洁的代码外，也存在对其使用不当的情况。 在这篇文章中，我想总结我过去几个月来对 React Hooks 使用，分享我对它的看法以及我认为的最佳实践…