1.react 脚手架
- 用来帮助程序员快速创建一个基于 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
