用过Context的同学都知道，Context是无法像Redux一样精准更新的，当Context中某一个值改变，所有使用了该Context的组件一定都会更新，用Context来做状态管理，一定会有一些小小的性能损失。 但是在我阅读Context源码的过程中，发现了一个文档上没有…

我被问过这样一个问题：想要实现一个 useTitle 方法，具体使用示例如下：但在编写 useTitle 代码的时候却出了问题：这段代码直接报错，连渲染都渲染不出来，如果是你，该如何修改这段代码呢？

React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。 然而需要理解的是，没有一个完美的最佳实践规范，对一个高效团队来说，稳定的规范比合理的规范更重要，因此这套方案只是最佳实践之一。 拥…

在做项目的时候，你的产品可能会提出这样的需求：在某些拥有表单的页面中，如果用户还未保存表单数据，就想去浏览别的页面内容。这时候需要给一个弹窗，提示用户是否需要在未保存数据的情况下跳转页面。 最简单的实现就是使用 react-router 提供的 Prompt 组件来控制是否显示…

父=>子，通过父元素的render既可改变子元素的内容。 子=>夫，通过父元素传入子元素中的props上挂载的方法，让子元素触发父元素中的方法，从而进行通信。 上回说到JSX的用法，这回要开讲react组件之间的一个沟通。那么什么是组件？我知道英文是Component，但这对我…

不得不承认 Vue 的css解决方式非常自然简洁，相比之下 css 一直是 React 的痛。 从旧宠 css modules 到 JSS 的各种衍生，到新宠 styled-components。几十种的解决方式，上百篇的教程和比较，已经说明了一切。大家一直在寻找最好的最适合自…

useParams可以帮助我们。在各层组件中，轻松访问router的params参数。 在V5.1版本之前，我们需要通过props.match获取路由参数。对于更深层的组件还需要使用高阶组件withRouter。 在V5.1版本中，由于useParams的引入，我们可以轻松获取…

2019.10.24, 在 React Conf 2019 首日， React 官方正式发布了关于 Concurrent 模式的第一个早期社区预览文档, 正式和 React 的大众开发者见面, 令人兴奋。 跟去年的 React Hooks 一样, 尽管 Concurrent 还…

1. 引言 如果你在使用 React 16，可以尝试 Function Component 风格，享受更大的灵活性。但在尝试之前，最好先阅读本文，对 Function Component 的思维模式有一个初步认识，防止因思维模式不同步造成的困扰。 2. 精读 也就是，一个返回了…