推荐一个最新的翻译版 http://www.bootschool.com
这个网站还是个 SPA

没法访问

这个网站不错, JavaScript 插件部分也翻译了, 而且是还展示了用React来操纵 Bootstrap 的全部功能.

这个网站也证实了 React 写的 SPA 确实对搜索引擎不友好。搜索引擎会直接读取页面，而不会等里面的 main.js 运行完毕在收录。

下面说说如何设置 React + Bootstrap + jQuery:
不再开新帖子了,就在这里说吧
我用的Node 版本是 6.10, 这是有原因的
下面是 package.json
{
"name": "Bootschool",
"version": "1.0.0",
"description": "",
"scripts": {
"dev": "better-npm-run dev",
"build": "better-npm-run build"
},
"betterScripts": {
"dev": {
"command": "we
bp
ack-dev-server --config ./webpack/dev.config.js"
},
"build": {
"command": "webpack -p --verbose --colors --display-error-details --config webpack/prod.config.js",
"env": {
"NODE_ENV": "production"
}
}
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"bootstrap-sass": "^3.3.6",
"font-awesome": "^4.6.3",
"less": "^2.7.1",
"node-sass": "^3.5.2",
"react": "^15.4.2",
"react-bootstrap": "^0.30.3",
"react-dom": "^15.4.2",
"react-helmet": "^5.2.0",
"react-redux": "^5.0.2",
"react-router": "^4.1.1",
"react-router-bootstrap": "^0.23.3",
"react-router-dom": "^4.1.1",
"react-router-hash-link": "^1.2.0",
"react-router-redux": "^4.0.8",
"redux": "^3.0.4"
},
"devDependencies": {
"autoprefixer-loader": "^3.2.0",
"babel-core": "^6.7.4",
"babel-loader": "^6.2.1",
"babel-polyfill": "^6.7.4",
"babel-preset-es2015": "^6.3.13",
"babel-preset-react": "^6.5.0",
"babel-preset-stage-0": "^6.3.13",
"better-npm-run": "0.0.8",
"bootstrap-sass-loader": "^1.0.10",
"css-loader": "^0.23.1",
"file-loader": "^0.9.0",
"font-awesome-webpack": "0.0.4",
"html-webpack-plugin": "^2.22.0",
"json-loader": "^0.5.4",
"less-loader": "^2.2.3",
"sass-loader": "^4.0.0",
"style-loader": "^0.13.0",
"url-loader": "^0.5.7",
"webpack": "^2.2.1",
"webpack-dev-server": "^2.2.0"
}
}
其中 node-sass 很难安装,可以这样来设置 .npmrc
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
electron_mirror=https://npm.taobao.org/mirrors/electron/
registry=https://registry.npm.taobao.org
然后在运行 npm install, 20分钟内能完成安装

先说为何使用大型框架 - 原因很直接: 页面的动态信息多的时候, 管理程序太困难, 给变量起名,给函数起名字都容易混淆, 管理变量和函数命名和组织的技巧就是面对对象的编程,所以才有了 React 和 Angular
下面谈谈前端框架的选择:
选 React, 这个框架用起来好像是在写 Java 或 C++程序. Angular 2.X 的 Observables 让人费解, 感觉走偏了
另外, 还有 jQuery Easy UI, 这个只能算小型框架, 缺乏面对对象编程的实现.

前端是个生态,比如说, bootstrap 现在出来版本 4 了,但是,相对应的 React 生态中的组件还是没更新, 所以, 建议初学生老老实实学完 HTML, CSS, JavaScript, jQuery, Bootstrap, 然后在学习 Node, React, SASS, React-Router, Redux, 然后, 才能运用自如的设计前端。微软有出来了 TypeScript, 貌似要和 React 竞争, 但是 TypeScript就是个坑, 这个坑和以前的 VBScript, JScript很像。强烈建议大家别再学 TypeScript 了, 学了没用,没法干活.