【前端开发】推荐使用 React + RefluxJS 架构，有大量学习资料和项目，是目前最热门的选择。

配套工具: webpack + babel + grunt + WebStorm + JetBrains IDE Support + React Developer Tools

参考项目:

https://github.com/rhcad/hello-react

(我写的模板)

https://github.com/echenley/react-news

(RefluxJS综合范例)

https://react.rocks

(范例大全)

优质文章:

https://ochronus.com/react-reflux-example/

http://henleyedition.com/building-an-app-using-react-and-refluxjs/

http://www.cnblogs.com/lovesueee/p/4893218.html

Reflux细说

https://github.com/enaqx/awesome-react

工具和资源大全

再加一个好的入门项目(React + Reflux):

http://www.open-open.com/news/view/e652c6

附开源项目

分享标题：

知其所以然：React原理解析

内容大纲：

1. 整体刷新思路

2. 理解React组件和JSX

3. 虚拟DOM Diff算法分析

4. Flux简介

5. DEMO：使用Webpack搭建高效开发环境

课程收益：

通过本次课程，学员能够掌握React的实现原理，学习如何用直观的思路去解决UI的问题。知其所以然，理解React背后的工作原理，从而能够举一反三，更好的将React用在实际的项目开发中。React是完全面向View的解决方案，在实际项目中还需要采用Flux之类的架构，本次课程也将对React应用程序架构做简单的介绍。

＃王沛老师的React专栏文章

《深入浅出React（一）：React的设计哲学 - 简单之美》

http://www.infoq.com/cn/articles/react-art-of-simplity

《深入浅出React（二）：React开发神器Webpack》

http://www.infoq.com/cn/articles/react-and-webpack

《深入浅出React（三）：理解JSX和组件》

http://www.infoq.com/cn/articles/react-jsx-and-component

深入浅出React（四）：虚拟DOM Diff算法解析

http://www.infoq.com/cn/articles/react-dom-diff

深入浅出React（五）：使用Flux搭建React应用程序架构

http://www.infoq.com/cn/articles/react-flux

＃王沛老师视频

QCon2015大会的React技术分享 （39分钟）

http://www.infoq.com/cn/presentations/pracitise-of-reactjs

＃更多参考资料

React官方网站：http://facebook.github.io/react/
React博客：http://facebook.github.io/react/blog/
React入门：http://ryanclark.me/getting-started-with-react/
颠覆式前端UI框架：React：http://www.infoq.com/cn/articles/subversion-front-end-ui-development-framework-react
Immutable.js: http://facebook.github.io/immutable-js/
React Native: http://facebook.github.io/react-native/
Flux: https://facebook.github.io/flux/
Flux框架对比：https://github.com/voronianski/flux-comparison
React开发者大会网站：http://conf.reactjs.com/index.html
React在Slack上的聊天社区：http://reactiflux.com/

分享标题：

知其所以然：React原理解析

内容大纲：

1\. 整体刷新思路

2\. 理解React组件和JSX

3\. 虚拟DOM Diff算法分析

4\. Flux简介

5\. DEMO：使用Webpack搭建高效开发环境

课程收益：

通过本次课程，学员能够掌握React的实现原理，学习如何用直观的思路去解决UI的问题。知其所以然，理解React背后的工作原理，从而能够举一反三，更好的将React用在实际的项目开发中。React是完全面向View的解决方案，在实际项目中还需要采用Flux之类的架构，本次课程也将对React应用程序架构做简单的介绍。

＃王沛老师的React专栏文章

《深入浅出React（一）：React的设计哲学 - 简单之美》

http://www.infoq.com/cn/articles/react-art-of-simplity

《深入浅出React（二）：React开发神器Webpack》

http://www.infoq.com/cn/articles/react-and-webpack

《深入浅出React（三）：理解JSX和组件》

http://www.infoq.com/cn/articles/react-jsx-and-component

深入浅出React（四）：虚拟DOM Diff算法解析

http://www.infoq.com/cn/articles/react-dom-diff

深入浅出React（五）：使用Flux搭建React应用程序架构

http://www.infoq.com/cn/articles/react-flux

＃王沛老师视频

QCon2015大会的React技术分享 （39分钟）

http://www.infoq.com/cn/presentations/pracitise-of-reactjs

＃更多参考资料

1. React官方网站：http://facebook.github.io/react/
2. React博客：http://facebook.github.io/react/blog/
3. React入门：http://ryanclark.me/getting-started-with-react/
4. 颠覆式前端UI框架：React：http://www.infoq.com/cn/articles/subversion-front-end-ui-development-framework-react
5. Immutable.js: http://facebook.github.io/immutable-js/
6. React Native: http://facebook.github.io/react-native/
7. Flux: https://facebook.github.io/flux/
8. Flux框架对比：https://github.com/voronianski/flux-comparison
9. React开发者大会网站：http://conf.reactjs.com/index.html
10. React在Slack上的聊天社区：http://reactiflux.com/