React 和 Node.js：React 可以使用 Node 进行服务器渲染

1.如果不懂前端的PHP、Python或Ruby等动态编程语言，然后你想创建自己的服务，那么Node.js是一个非常好的选择。

Node.js 是运行在服务端的 JavaScript，如果你熟悉Javascript，那么你将会很容易的学会Node.js。

如果是后端，想部署一些高性能的服务，那么学习Node.js也是一个非常好的选择

建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpac

Common JS 即 node.js 的模块组织形式，前端可以用 webpack 或者 browserify 来打包

create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 

cnpm:cnpm install -g create-react-app
npm:
npm install -g create-react-app create-react-app my-app cd my-app/
npm: npm start

yarn:yarn start

2.bebal：语法转化器，让es6（ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版）或者es7的语法转换成es5，避免兼容性问题.Babel 内嵌了对 JSX 的支持。通过将 Babel 和 babel-sublime 包（package）一同使用可以让源码的语法渲染上升到一个全新的水平。如果我们需要使用 JSX，则  注意: 在浏览器中使用 Babel 来编译 JSX 效率是非常低的。

3.webpack：js以及css的模块化开发

4.CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术

5.官方提供的 CDN 地址:

6.

Browserify

• 是node.js的模块，主要用于改写现有的CommonJS模块，使得浏览器端也可以使用这些模块
• 它让我们可以像node.js一样在浏览器端用require的方式来组织使用代码，更神奇的是他还能让我们使用npm模块，甚至可以使用一些node.js的核心模块，如果我们在使用require函数中，省略了相对路径，那么他会在node_modules文件夹中寻找模块
• 像node.js一样，我们在不同的文件中编写我们的模块，然后使用module.exports和exports变量来暴露属性和方法