React（1）安装和基本示例

0、本项目的DEMO

https://github.com/qq20004604/react-demo

1、安装

推荐使用 DEMO 的 package.json 配置来安装

npm install

运行（HMR）：

npm run dev

单独安装

npm install --save react react-dom
npm i --save babel-preset-react babel-preset-es2015

说明：

1. babel-preset-react: 需要配置 .babelrc 这个文件的 presets 属性，添加一个元素 "babel-preset-react"；
2. package.json 里面的内容，随着学习进度的推进，而不断更新；
3. JSX 语法请自行学习；
4. 编辑器建议使用 webstorm 作为 IDE；
5. 默认读者已经有一定的框架开发知识（比如说学过 Vue.js），因此很多内容不会写的很细致

2、使用

app.js 添加内容：

import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
);

运行 npm run dev 即可。

document.getElementById('root') 表示将DOM插入到 id = 'root' 的 DOM 元素中。