reactjs入门（一）概述及安装

react是什么

React 是一个专注于 UI（View）的 JavaScript 函式库（Library）
这句话包含着以下含义：

• react是JavaScript函式库
• react专注于UI，定位于MVC中的VIEW

react开发中的一些工具

npm----maven的依赖管理功能

NPM（Node Package Manager）是 Node.js 下的主流套件管理工具。在 NPM 上有非常多的套件，可以让你不用再重造轮子，更可以让你可以轻松用指令管理不同的套件。由于 NPM 主要是基于 CommonJS 的规范，通常必须搭配 Browserify 这样的工具才能在前端使用 NPM 的模组。然而因 NPM 是基于 Nested Dependency Tree，不同的套件有可能会在引入依赖时会引入相同但不同版本的套件，造成档案大小过大的情形。这和另一个套件管理工具 Bower 专注在前端套件且使用 Flat Dependency Tree（让使用者决定相依的套件版本）是比较不同的地方。

Webpack----maven的打包功能

Webpack 是一个模组打包工具（module bundler），以下列出 Webpack 的几项主要功能：

• 将 CSS、图片与其他资源打包
• 打包之前预处理（Less、CoffeeScript、JSX、ES6 等）的档案
• 依 entry 文件不同，把 .js 分拆为多个 .js 档案
• 整合丰富的 Loader 可以使用（Webpack 本身仅能处理 JavaScript 模组，其余档案如：CSS、Image 需要载入不同 Loader 进行处理）

Babel----编译器

由于并非所有浏览器都支援 ES6+ 语法，所以透过 Babel 这个 JavaScript 编译器（可以想成是翻译机或是翻译蒟篛）可以让你的 ES6+ 、JSX 等程式码转换成浏览器可以看得懂的语法。通常会在资料夹的 root 位置加入 .babelrc 进行转译规则 preset 和引用外挂（plugin）的设定。

ESLint

ESLint 是一个提供 JavaScript 和 JSX 的程式码检查工具，可以确保团队的程式码品质。其支援可插拔的特性，可以根据需求在 .eslintrc 设定检查规则。目前主流的检查规则会使用 Airbnb 所释出的 Airbnb React/JSX Style Guide，在使用上需先安装 eslint-config-airbnb 等套件。

安装开发环境

需要安装node（包含了npm）
具体链接：
https://reactjs.org.cn/book/reactjs101/doc/Ch02/webpack-dev-enviroment.html