在Web开发中，要将更新的数据实时反映到UI上，就不可避免地需要对DOM进行操作，而复杂频繁的DOM操作通常是产生性能瓶颈的原因之一。为此，React引入了Virtual DOM机制。Virtual DOM实际上是在浏览器端用JavaScript实现的一套DOM API，它包括：

less-loader 处理代码中引入的less文件，通过对应的less模块，将less转变为css css-loader 通过css-loader，使得在css中能够使用@import和url(...)的方式实现require()的功能 style-loader style-loader将所有计算后的样式加入页面中(将样式表嵌入webpack打包后的JS文件中即css和js会被打包到同一个文件中) babel-loader...

这个函数会接受两个参数，第一个参数是当前的state值，第二个是当前的props，这个函数返回一个对象，这个对象代表想要对this.state的更改。

React.js并不能完全满足所有DOM操作需求，有些时候还是需要和DOM打交道。比如进入页面后自动focus到某个输入框，这是需要调用input.focus()的DOM API。React当中提供了ref属性来帮助我们获取 已经挂载元素 的DOM节点。具体的使用方法如下：

这段时间一直在学习React相关内容，最近我用react相关技术实现了一个最经典的React项目--Todo应用。我尽我最大的努力实现了我想到的功能，尽管还有些小瑕疵。这是我的Github项目地址: [链接] 欢迎issue,star or follow!我会继续开源更多有趣的项目