前些天想学习下当下最先进的React，翻了好多资料，总算对React有了初步了解。 不得不说，React真的只能称之为类库，因为如果你要拿它来做项目，仅仅靠React是远远不够的。 首先React-Router是必不可少的，接着要考虑怎么存取数据那么你可能又要花很多时间看Redux。 很可能写着写着，想直接在组件里面写css，然后又要看各种css in js，等等诸如此类的坑等着你来跳。。。 目前用React的主流项目，不用ES6逼格简直不能再low，然后Babel、ESLint什么的也都必不可少。 如果你之前对这些都没怎么接触，那么想要写一个完整的React Demo难度还是挺大的。 至少不像以前jQuery那样在页面引入几个js、css然后直接开撸那么简单。 最烦人的就是，如果你用Webpack这种重量级的工具，最后的时间可能都花在它身上了。（反正楼主智商不够，超级不喜欢Webpack，被虐了两三次就不敢用了） 最后楼主还是选择了无脑的Browserify，用了之后感觉也还OK，不知道为什么网上大部分React项目都是Webpack（可能智商真的不够-_-）。 好吧，废话少说，show me the code! react-sample-project

工具集 tools

• React
• React Router
• Browserify
• Gulp
• Babel
• npm

编辑器 Editor

Atom / WebStorm

安装 Install

前端资源依赖于 npm，开发阶段资源直接引用 node_modules 中的资源文件

npm install

开发 Development

由于使用了ES6，需要在开发阶段实时编译jsx:

npm run watch

入口页面 pages/index-dev.html

发布 Build

npm run build (gulp)

build改动:

• 生成assets-build
• 生成pages/index.html

运行 Run

运行一个本地静态服务器查看demo，可能需要先 npm install -g puer

puer .

另外，附上我搜集的一些比较实用的学习资料，建议先看这些撸起来，再看什么乱七八糟的awsome系列。 React入门资源整理