目前react的生態系統是什麼情況,有沒有比較公認的成熟的開發技術棧?
01-21
感謝各位的精彩回答,根據各位提供的技術棧,做了一個自己的React Boilerplate。歡迎指正:
手把手教你基於ES6架構自己的React Boilerplate項目
這個問題很有爭議性,不過還是忍不住答一下。現在流行的是
JS:react + redux + react-router
CSS:css-modules + sass/less/postcssTest: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 |
