组件的生命主要包括3个阶段： 挂载、更新、卸载，React 16开始还添加了错误处理。 而constructor()用来做一些组件的初始化工作，如定义this.state的初始内容。 在组件挂载到DOM前调用，且只会被调用一次，在这边调用this.setState不会引起组件重…

通过对 action 中的 type 的判断，我们可以用来确定当前 reducer 是对指定 type 的 action 进行响应，从而对初始的 state 进行一些修改，获得修改之后的 state 的。从之前我们在 createStore 中看到的情况： 每次 reducer…

react-router升级到4之后，跟前面版本比有了很大的差别。 例如包的拆分，动态路由等详细的差别就不说了，各位大神的总结也很到位，详细可以点击看看，All About React Router 4这篇文章。 此外还有个差别是路由规则的变化。 一直有着上个版本的习惯，所以稍…

前台路由:页面的显示由前台js控制，在url的路径中输入哈希值是不会往后台发送请求的，所以前台可以通过将哈希和页面进行映射从而控制渲染显示哪个页面。 但是这种方法有一个问题，如果再按一次回车键，它是会向后台发送请求的，如果后台路由没有相应的匹配，那么会报404的错误，一般需要后…

数据产品首先也是一个web工程，这里不谈是react还是vue，个人认为凭喜好即可。本文想说说关于高交互，多维数据分析，多图表展示的产品如何选择工具库，以及有哪些库可以用。 主流的web图表库有：echarts；highcharts；D3js；antv（G2，G6，F2）基于D…

本文为意译，翻译过程中掺杂本人的理解，如有误导，请放弃继续阅读。 如果一个组件有一个render属性，并且这个render属性的值为一个返回React element的函数，并且在组件内部的渲染逻辑是通过调用这个函数来完成的。那么，我们就说这个组件使用了render props…

hi，大家好，我是Ken，目前就职于GetStream.io，为用户提供个性化可定制的feed流服务。 在过去的几个月里，我一直在开发Winds 2.0，一个开源的RSS阅读器和博客订阅应用。用Node.js, Electron, Redux and React开发，并且截止发…

今天开始，我们开始揭开react-router-dom神秘的头盖骨，哦不，面纱。 在此之前，我们需要了解一些预备知识：React的context和react-router-dom的基本使用。需要复习的同学请移步： 下面是我跟小S同学一起阅读源码的过程。 大家可以参照这个思路，进…