react与redux学习资料的整理

**重点内容**React学习 
1.新手入门可以访问react的官方网站,如果英语不是特别好的同学可以访问中文版的,具体链接http://reactjs.cn/react/index.html 
首页有4个小列子,建议都把它们做一边,就可以对react有一个初步的了解了 
2.在教程里有一个实现评论的小列子,是一个非常好的入门列子,建议完成步骤1的列子后进入步骤2. 
3.react的核心有props,state,setState. 
首先说一下props:一单定义就不再改变的属性可以定义成porps,父组件向子组件传入的数据可以用this.props.XXX访问 
其次说一下state,state是组件内部的私有属性,可以通过setState更改,一旦state更改,就会发生组件的重绘,setState是一个方法,是一个方法,是一个方法,重要的事情说3遍。具体使用方法 setState({ hello: !this,state.hello }); 
react的官网有各种教程,帮助你快速熟悉react,需要各位看官仔细的阅读 
**重点内容**redux的学习 
readux是一种单项的数据流,具体的学习资料整理 
1.访问官网:http://camsong.github.io/redux-in-chinese/index.html 
2.这里有一个个人的总结,言简意赅,适合有一些基础的同学阅读https://github.com/react-guide/redux-tutorial-cn

仅仅光靠这两种不同的技术还不足以愉快的开发,由于现在的开发方式都是一个单页,有路由指配显示哪个一个片段,所以有必要学习react-router 
具体链接:http://react-guide.github.io/react-router-cn/index.html

使用react开发项目首先要抛弃以前用jQuery操作dom的思想,推荐使用es6,可以让我们的开发更具有效率,学习链接:http://es6.ruanyifeng.com/ 
内容比较多,请各位同学耐心的学习

最后使用了这些最新的技术,就不能不提一下flex了,它可以让我们的css布局更加的方便,不要和我说兼容,我只开发移动端,不考虑兼容pc 
学习资料:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

 

转载自:http://blog.csdn.net/lygjxl2013/article/details/51298156

你可能感兴趣的:(react与redux学习资料的整理)