icepy

为了配合接下来React异步渲染的机制，getDerivedStateFromProps终究与我们之前理解的componentWillReceiveProps不一样了，这篇博文Reactv16.4.0

之所以有这样的一篇文章写 material-ui 的一些高阶运用，那是因为我很喜欢 material design ，而 material-ui 又刚好是一个全面遵循 material design 的 React UI 组件库，因此我将它写下来并推荐给大家。 对于普通的应用，…

在阅读此篇文章之前，将默认你已经了解 Redux 的一些基础约束，如：action，reducer 等，对于在 TypeScript 的世界中使用 Redux ，对于其本身而言（指 Reudx）有很多不同的设计哲学，看于使用者来如何设计它。 有些朋友可能喜欢写很原汁原味的 ma…

在 React 的世界中由于其本身的设计思路的原因，因此不同组件关于通信的问题，是一门很值得研究的基础方法，这些基础方法涵盖了在组件的使用过程中的方方面面，当然你也可以选择一些数据流的管理库来处理这个问题。那么，在 TypeScript 的世界里，我们又该如何去实现这些基础的通…

HOC 并不是一个很具体的组件，它仅仅是一个在 React 对组件进行重用的设计方法，这种设计方法是由 React 自身的设计思想而必然会产生。具体而言，高阶组件就是一个函数，它接收一个组件做为参数，并返回一个组件，这种设计方法的利用，我们可以在很多开源库中看到，如：redux…

我们都知道 React 的刷新机制，因此如果每一次的变动都要刷新一下界面，这对于应用程序的性能来说是一个非常不科学的事情，因此在没有 PureComponent 之前，我们都需要手动使用 shouldComponentUpdate?(nextProps: Readonly<P>…

不知道你是否遇见过这样的情况，在以前 React render 方法返回的 Node 中，最外层必须是返回一个单一的 Node，因此我们有很多业务会有很多额外的 div ，如： 如果我们有很多场景需要使用它，那么我们就会生成很多有副作用的 div，这明显不是我们想要的结果。那么…

在很多场景下我们可能会有这样的一个需求，给予一个全局对话框或者提示什么的，它可以覆盖整个 Web 应用程序，如图： 这个需求真的太常见了，因此 ReactDOM 中提供了一个方法 createPortal，可以将节点渲染在父组件之外，但是你可以依然使用父组件上下文中的属性。这个…

多数情况下我们一直都在使用 Class Component 的方式来书写 React 应用程序，这是它的一种经典模式，因为在 Class Component 中我们不仅可以享受全部的 React 特性，如：声明周期，事件系统等，还能利用好 Class 的特性更优雅的组织我们的代…