Michael_Li的博客

今天在看最新的React官方教程时发现了一个问题，开始全面使用ES6语法的React在Handling Events这节中，提到了绑定的事件处理函数要现在构造函数中使用bind()将this进行正确的绑定，涉及到的代码如下：

一 介绍之前在开发一个react网站项目, 到正式部署到云服务器时才发现对react及webpack生产环境配置没有什么了解, 下面就总结一下自己配置生产环境的内容.二 需要配置的内容1. js文件压缩首先就是要进行打包后的js文件的压缩, 其中要使用uglifyjs-webpack-plugin, 首先使用npm安装这个包, 然后在配置文件中加入插件配置项: //...

最近使用webpack3 + react-router4开发一个小项目, 发现使用BrowserRouter时进入到二级url, 如从localhost:8080/ 进入到 localhost:8080/background时本来的资源文件会找不到.问题的解决方法是所有的资源文件都使用绝对路径, 因为在webpack.config.js配置的是:devServer: { // 本地服务

对阮一峰老师Flux实例的流程解析,流程图如下:Created with Raphaël 2.1.0开始MyButton点击onclick事件onclick来自MyButtonController的creatNewItem,触发ButtonAction向AppDispatcher的dispatch方法发送数据Dispatcher根据发送的数据对ListStore进行操作ListStore进行数据的更

[TOC] 对React官网中教程:Thinking in React部分Demo的思路分析。首先，这个小Demo的需求是要完成一个如下图所示的app，最上面的搜索框和checkbox用于对下面列表进行过滤，取到想要数据。 下方列表中红色的表示不在库存中的商品，所有商品的数据保存在JSON中：[ {category: "Sporting Goods", price: "$49.

react-router4中使用react-loadable进行组件的懒加载和代码分割。不同于以往的版本的react-router，react-loadable将react的组件化思想贯彻到底，其懒加载即使用react-loadable创建一个懒加载的组件。刚开始使用的时候我仿照官方的事例对自己开发的需要懒加载的组件进行处理：```// Dashboardconst Loadabl...