node是运行引擎，通过他可以直接在后端运行js语法

webpack是打包工具

react是前端框架

 

通过 npm 使用 React

我们建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本教程使用 webpack。

国内使用 npm 速度很慢，你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org $ npm config set registry https://registry.npm.taobao.org

这样就可以使用 cnpm 命令来安装模块了：

$ cnpm install [name]

更多信息可以查阅：。

---

使用 create-react-app 快速构建 React 开发环境

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

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

执行以下命令创建项目：

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

 

npm/cnpm命令：

➜  react_redux cnpm install -hUsage:  npminstall  npminstall 
     
        npminstall 
      
       @
       
          npminstall 
        
         @
         
            npminstall 
          
           @
           
             npminstall 
            
              npminstall 
             
               npminstall 
              
                npminstall 
               
                 npminstall 
                
                 /
                 
                   npminstall --proxy=http://localhost:8080Can specify one or more: npminstall ./foo.tgz bar@stable /some/folderIf no argument is supplied, installs dependencies from ./package.json.Options: --production: won't install devDependencies --save, --save-dev, --save-optional, --save-exact: save installed dependencies into package.json-g, --global: install devDependencies to global directory which specified in '$npm config get prefix' -r, --registry: specify custom registry -c, --china: specify in china, will automatically using chinses npm registry and other binary's mirrors -d, --detail: show detail log of installation --trace: show memory and cpu usages traces of installation --ignore-scripts: ignore all preinstall / install and postinstall scripts during the installation --forbidden-licenses: forbit install packages which used these licenses --engine-strict: refuse to install (or even consider installing) any package that claims to not be compatible with the current Node.js version. --flatten: flatten dependencies by matching ancestors' dependencies --registry-only: make sure all packages install from registry. Any package is installed from remote(e.g.: git, remote url) cause install fail. --cache-strict: use disk cache even on production env.
                 
                
               
              
             
            
           
          
         
        
       
      
     

 

 

1、http://www.ruanyifeng.com/blog/2015/03/react.html

2、npm的淘宝镜像：http://npm.taobao.org/

3、http://www.runoob.com/react/react-tutorial.html

4、http://www.runoob.com/w3cnote/webpack-tutorial.html

5、http://facebook.github.io/react/

6、https://facebook.github.io/react/docs/react-component.html

7、http://www.infoq.com/cn/dive-into-react