小楼一夜听春雨

react 根据props改变来执行一些操作使用方法componentWillReceiveProps(nextProps){//do something}一定要通过nextProps参数获取，如果通过this.props.XXX,这个还是获取的上一个props中的值

在使用reactjs库的时候，会遇到将一段html的字符串，然后要将它插入页面中以html的形式展现，然而直接插入的话页面显示的就是这段字符串，而不会进行转义，可以用一下方法插入，便可以html的形式展现：<div dangerouslySetInnerHTML={{__html: "<p>爱死费崇政</p>"}} />

react热加载在没有使用相关插件之前，以我开发为例，只用webpack-dev-server --inline时候，当组件经过更改保存后，页面会进行重新刷新，如果是简单的应用这样做可以，但是一旦复杂起来，重新刷新后就不得不经过很多操作后回到之前的状态，显然这样的情况是我们不愿意看到的，而且大大降低了开发效率，所以我这里选择了babel-preset-react-hmre，利用它便可以实现局部刷新

react对于每个html元素都添加了很多事件处理函数，这些事件网上一搜就都出来了，这里简单说下在react中利用js进行操作类似于css里的hover所使用的事件。比如这样一个需求，有以下3个div：<div class="a abc">a</div><div class="b abc">b</div><div class="c abc">c</div>网上很多例子只是简单说了下一个组件是如何

鼠标事件：onClick 、onContextMenu 、onDoubleClick 、onMouseDown 、onMouseEnter 、onMouseLeave 、onMouseMove 、onMouseOut 、onMouseOver 、onMouseUp 、onDrop 、onDrag 、onDragEnd 、onDragEnter 、onDragExit 、onDragLeave 、on

前端数据大部分来源于后端，需要向后端发起异步请求，而在使用reactjs的时候，如果这个组件最初加载的时候就发起这个异步请求，然后在返回结果中进行setState({})，这时候有可能会遇到这个警告：Warning:setState(...): Can only update a mounted or mounting component. This usually means you called

— 2017-11-27更新 我见过有人将公共部分提取出来，其实没有必要，经过code-splitting之后，子级引用的组件在父级已经引用了那么子级不会再引入该组件，也就是去重，这就是webpack中自带的plugin：CommonsChunkPlugin作用，如果你把代码提取出来，结果首屏加载大概是这样子：先加载common.js然后加载app.js，请求两次，而这两个合成一个便只要请求一次

使用react技术栈，只关注业务开发最近一阵子忙于公司业务的架构设计及开发，因此从该架构中抽出一小部分，感觉可以很方便的用于团队的业务开发，不需要太关注webpack等配置，当然这些只是一个简单的分享，不是什么新鲜玩意儿。我在github上提交了一个示例，fay-react-application。该示例呈现了一个简单的应用系统，这个示例中也呈现了代码切割的方式，可以在/app/home文件夹...