react脚手架

react脚手架基本使用

1. 安装
   安装脚手架

npx create-react-app my-app

npx命令介绍

npm 5.2.0引入的命令，提升包内提供的命令行工具的使用体验
原来：先安装脚手架，再使用包内的命令
现在：不用安装脚手架，先使用包内命令
2. 启动项目

  npm start

3. 在脚手架中使用react

导入react与react-dom

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

调用React.createElement()方法创建react元素
调用ReactDOM.render()方法渲染react元素到页面

整体代码
src/index.js下

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

const title = React.createElement('h1',null,'hello react !!!!')
ReactDOM.render(
  title,
  document.getElementById('root')
);