webpack学习记录04

一周之内掌握react开发web

以下是我自己的学习记录，可以供大家参考一下

1.先过一遍react的基本语法
http://www.ruanyifeng.com/blog/2015/03/react.html

2.找react的中文社区http://react-china.org 里面一般会有类似于一步一步教你搭建一个什么什么的，比如http://react-china.org/t/react-spa/11730 不过不需要跟着学完，因为基本上跟着学到一半的时候就看不下去了，因为你发现你对webpack一无所知。

3.所以你需要稍微看一点webpack的相关知识https://github.com/ruanyf/webpack-demos ,跟着这个过一遍，能掌握一些webpack的最基本的知识。

4.这时你就可以自己开始搭建一个开发环境了，至于nodejs环境之类我就不多说了，但是你会发现你前面看的react的语法已经基本忘光了，所以你需要再回去看一遍react的语法http://www.ruanyifeng.com/blog/2015/03/react.html

5.这时你就可以开始着手开发你的demo了，我建议是先写一个没什么逻辑的demo，做一个首页，一个顶部菜单栏Navbar,一个轮播图Carousel，用react-bootstrap https://react-bootstrap.github.io/components.html ,虽然比较简单，但是对你熟悉react的语法是有好处的。

6.再写一个demo, 带分页，搜索，列表和详情的一个demo，你可能需要看一下react-route http://www.ruanyifeng.com/blog/2016/05/react_router.html ，以及一些分页的插件 http://react-component.github.io/pagination/ ，开发的中间你一定会碰到很多问题，不过这时候你应该已经具备查资料的能力了。