1.react 脚手架

1. 用来帮助程序员快速创建一个基于 xxx 库的模板项目
   a. 包含了所有需要的配置
   b. 指定好了所有的依赖
   c. 可以直接安装/编译/运行一个简单效果

2.创建项目并启动

npm install -g create-react-app
create-react-app hello-react
cd hello-react
npm start

3.react 脚手架项目结构

ReactNews
|--node_modules---第三方依赖模块文件夹
|--public
|-- index.html-----------------主页面
|--scripts
|-- build.js-------------------build打包引用配置
|-- start.js-------------------start运行引用配置
|--src------------源码文件夹
|--components-----------------react组件
|--index.js-------------------应用入口js
|--.gitignore------git版本管制忽略的配置
|--package.json----应用包配置文件
|--README.md-------应用描述说明的readme文件

数据在哪个组件，更新数据的行为就在哪个组件

react 项目步骤：

1.拆分组件

2.实现静态组件

3.实现动态组件

动态展示初始化数据

• 初始化状态数据
• 传递属性数据

响应用户操作, 更新组件界面

• 绑定事件监听, 并处理
• 更新state