React框架已经火了好长一段时间了，再不学就out了！

对React还没有了解的同学可以看看我之前的一篇文章，可以快速简单的认识一下React。React入门最好的实例－TodoList

自己从开始接触react一窍不通，到慢慢的似懂非懂，通过各种途径学习也有一阵了。学习过程中还会接触到很多新的东西，比如ES6、webpack，过程艰辛谁人懂，见坑填坑慢慢来。今天把学习过程过滤了一下，只说项目实际需要用的东西，总结了一套能看到的东西，分享给大家，希望能让读者少踩一些坑！

本文看点

• 实际项目效果：最终你只需要在本地启一个服务，就能看到运行效果。
• webpack的配置：项目实战中常用的插件和配置方法。
• React用法：React在MVC（模型Model－视图View－控制器Controller）层面上主要扮演了视图的作用。我们可以学习它在项目中到底该如何使用。
• React-router配置：单页面应用（SPA）离不开路由，我们可以学习在项目中React-router如何配置。
• ES6语法：我们会用到一些在项目中常见的ES6语法。
• antd的使用：蚂蚁金服出的一款基于React的框架，我们可以学习如何去使用。

项目效果

项目代码已经上传至github，项目代码github地址。大家把代码下载下来之后，跟随以下步骤即可在本地看到效果。

• 首先安装node环境。

• 全局安装webpack

  npm install webpack -g

• 安装项目依赖

  npm install

• 开发模式，启动本地服务

  npm run dev

  至这一步成功后，在浏览器输入localhost:8888就能看到如下图的效果了。