React.js的编程思想
1.virtural dom + 单向数据绑定使得React的渲染和响应较快。
2.组件化的开发思路。将UI上每一个功能相对独立的模块抽象成一个组件，然后将一个个小的组件通过组合或嵌套的方式构成一个大的组件。保证可重用。
React.js开发中经验总结
1.获取react中真实DOM节点的方法：使用ref="tip"来索引到一个子组件。通过this.refs.tip索引到的是React component，不是真实的DOM节点。通过ReactDOM.findDOMNode 获得实际的DOM，该函数参数为React component。
注意：先前版本中，我们可以通过React.findDOMNode(this.refs.tip)来访问组件的DOM。但是现在，已经放弃了findDOMNode函数了，可以直接使用this.refs.tip来进行访问。
2.react.js中给标签声明类属性，类名使用className。
3.React中的数据分为两种：state和props。state表示组件本身的一些数据，props表示从其他组件传入的一些数据。
4.React中生命函数的使用。
5.使用React-router进行页面跳转。
6.React中书写样式名必须写成驼峰的形式
7.组件之间的通信：
(1)父组件向子组件传值？传参，props接收；
(2)子组件向父组件传值？回调函数；
(3)利用事件订阅，进行组件间通信。
8.React 事件处理机制自动实现了事件委托，对所有绑定事件进行统一处理，没有绑定到对应的 DOM 元素上，所以直接在 jsx 中绑定到 li 上并不会影响对性能。
9.使用react开发时，最关键的是数据流的管理。当数据的流向比较复杂时(父组件需要子组件传过来多个数据，兄弟组件之间的数据传递)， 使用Redux管理React数据流
搭建开发环境
1.使用webpack搭建开发环境，webpack是前端的一个资源加载/打包工具，前端的常用资源(css，图片等)都可以作为一个模块导出，我们在代码中直接引用即可，最后按照我们的配置把代码打包整合起来。
2.webpack-dev-server是一个小型的Node Express服务器，它为通过webpack打包生成的资源文件提供web服务。它的两个用途：1.搭建本地服务器；2.自动刷新。
使用webpack搭建环境时的经验总结
1.注意babel插件的配置，尤其是.babelrc文件的配置。
2.webpack配置原理
3.其中遇到的问题大多是版本的问题
4.使用npm install react --save，其中-save表示安装完后，将相关的依赖更新到package.json文件中。依赖的具体文件放在node_modules文件中。
5.使用npm install 命令安装package.json文件中的所有依赖。
6.其中entry: './src/index.js'，如果没有./或者/开头，webpack默认它是一个模块，会在node_modules中寻找。
7.使用react开发时，基于组件拥有很多状态，如果页面刷新，需要从最初的状态一直往下走，如果使用react-hot-loader，它只更新必要的组件的内容。之前的状态可以被记住，方便调试。
网友评论