1.1 React简介

React是什么？

1.声明式的写法
2.组件化
3.一处学习，随处编写

为什么要学习React

1.大厂加持：FaceBook
2.最流行、使用人数最多，最被开发者喜爱
3.简单易懂

1.2配置开发环境

官方脚手架工具

create-react-app

前置环境搭建

node，需要保证6.0以上版本 npm

脚手架安装

npm install create-react-app -g --速度可能比较慢 或 cnpm install create-react-app -g --淘宝镜像，速度快，MAC需要在前面加上sudo

创建项目

create-react-app my-project

进入项目

cd my-project

查看配置文件

cat package.json

项目启动

npm start

启动后默认访问 http://localhost:3000

1.3第一个组件

文档结构介绍

1.readme.md------>create-react帮助文档
2.package------>项目依赖
3.public------>公共文件
4.index.js------>主入口文件

主要方法

1.Render方法
2.ReactDom.render

ReactDOM.render(template,targetDOM),该方法接收两个参数：第一个是创建的模板，多个dom元素外层需使用一个标签进行包裹，如<div>；第二个参数是插入该模板的目标位置。若要为创建的某个元素增加class属性，不能直接定义class而要用className，因为class是javascript中的保留字。