2.react 学习资料汇总

[xtx1130]

1.入门资料

一步一步实现一个react spa教程,最近一直在手敲这个，感觉比较基础适合入门的同学学习，而且讲的非常详细，git上也进行了分步骤的tag，在设置代理的时候建议大家学一下http-proxy包，他这里没有详细讲，还有react的基础库，引用的时候也需要到相应的node_modules中查一下。

2.进阶资料

react+redux完整项目，这个是入门之后学习的资料，当然，其中有一些小的瑕疵，不过并不影响大体思路，感觉看看还是受益匪浅的。

3.redux学习资料

看漫画学redux，这个讲的比较直观，而且通俗易懂，也是同事推荐的。 redux入门教程，入门级别的redux教程。mark一下。

4.react跨级传递

React中的Context

5.react组件的生命周期

• componentWillMount()
  这个状态在组件render的时候执行且仅执行一次。
• componentDidMount()
  这个状态在组件(包括子组件)render之后立即执行，访问DOM的话用this.getDOMNode()，这个状态也是仅执行一次，一般在这里写入初始时候的异步操作
• componentWillReceiveProps()
  这个状态是在组件收到新的props时，render之前调用的，如果在这里面进行setState不会额外多一次渲染，这个函数会接受一个newProps参数，用于和旧的this.props做对比,请注意：不要直接修改this.props，props永远都是从上层传递下来的，如果直接修改在props的话是不会触发整体生命周期的
• shouldComponentUpdate() 这个状态是决定组件是否重新执行render的开关，如果返回false则不会触发钩子重新render，如果返回true则会触发钩子执行render，可以应用于对比新旧props和states，如果此次props和states值没变，则return false阻止render
• componentWillUnmount() 这个状态是在在React在调用ReactDOM.unmountComponentAtNode这个函数时会触发的钩子，在组件unmount之前触发钩子函数并执行一系列操作。
• componentWillUpdate() 这个状态是在组件将要更新的时候执行的钩子，注意：不管数据是否更新，只要对数据进行了setter操作就会触发，即使setter一样的值都会触发这个钩子，这个函数拥有两个参数，分别是将要更新的props和将要更新的states
• componentDidUpdate() 这个状态是在组件更新完成之后执行的钩子，注意：不管数据是否更新，只要对数据进行了setter操作就会触发，即使setter一样的值亦会触发这个钩子，这个函数拥有两个参数，分别是旧的props和旧的states