目前react的生態系統是什麼情況,有沒有比較公認的成熟的開發技術棧?

感謝各位的精彩回答,根據各位提供的技術棧,做了一個自己的React Boilerplate。歡迎指正:

手把手教你基於ES6架構自己的React Boilerplate項目


這個問題很有爭議性,不過還是忍不住答一下。現在流行的是

JS:react + redux + react-router

CSS:css-modules + sass/less/postcss

Test:mocha + karma + chai + enzyme

構建工具:Webpack + Babel + npm

解釋一下:

redux 並沒有一支獨秀。falcor、relay/graphQL 也很靠譜。flux 功能太簡單,我打賭你肯定忍不住改造它。

沒有 gulp,grunt。npm run scripts 夠用了

沒有 bower。npm 3 一出,bower 淘汰已成定局

沒有 jQuery,操作 DOM 被稱為反模式,如果曾經用過,可以參照這個去 jQuery oneuijs/You-Dont-Need-jQuery · GitHub

沒有 Browerify,被 webpack 的 hot-loader 和 watch 模式瞬間秒殺

CSS 的關鍵是 css-modules。BEM 是 CSS 目前最好的組件化命名方式,css-modules 讓 BEM 實踐起來很容易

測試並沒有相像中的那麼麻煩,給通用的組件寫一下還是挺快的

其它想到再補充


react (+ react-dom) + react-router + redux + webpack + sass/less(本人還+了compass和本人的rem_layout)

當然就是用npm管理包了

木有jquery,dom操作react-dom,ajax用Tj的superagent,數組操作可以用個lodash或者underscore,或者乾脆原生的也夠用了


一個demo,啥都有: erikras/react-redux-universal-hot-example · GitHub

包含server端(nodejs) 、本地開發流(wabpack) 、熱門開發庫(React、Babel、Redux)、測試集成(mocha) 。整合目前最流行的項目解決方案。

React + React Router + Babel + Wabpack + Redux + mocha + Express + ......


最主流: React + React Router + Flux

最潮: React + Redux + Falcor,都太新了


推薦一個最近很火的boilerplate. https://github.com/mxstbr/react-boilerplate

react, react-router, webpack, hot-module-reloading, post-css等等


react+redux+react-router+immutabel+webpack 另打一大堆他們中單的融合補丁

or

react+relay+graphql+webpack


我所在的公司:

Redux + React Components + Backbone Components / grunt + webpack


目前從react被分出react-dom來看,react本身存在不確定性,或者說擴展性不夠理想,將來可能分出react-ajax,react-animation也說不定,而且webpack+es6缺乏大項目實踐,不想冒險就grunt/gulp+amd/cmd比較穩妥。


推薦閱讀:

前端路上,我不知道該如何走了???
如何看待Typescript中的重載(Overload)?
如何看待json語法中不能加註釋的設計?
JS中{}+[]和[]+{}的返回值情況是怎樣的?
用d3.js或jfreechart在web上做圖表,哪個比較好,他們的區別在哪,哪個國內用的比較多?

TAG:JavaScript | 電子計算機 | React |