react是用于构建用户界面的JavaScript库。
1. react的优势
- 声明式
- 响应式更新
- 组件化
- jsx声明式编程
- 多平台性
- 单向数据流绑定
2. react核心概念
- 虚拟DOM
- Diff算法
3. 创建工程的方式:
3.1:react的官方提供了create-react-app
的工具来用于搭建react的环境,步骤如下
- 全局安装
npm install -g create-react-app
- 创建项目
create-react-app hello
- 进入项目
cd hello
- 启动项目
npm start
3.2:直接引入方式,需要引入react和react-dom两个文件
https://unpkg.com/react@16.0.0/umd/react.production.min.js
https://unpkg.com/react-dom@16.0.0/umd/react-dom.production.min.js
3.3 : Webpack+babel的方式
4. mac下sublime的插件
4.1 babel:支持ES6,react.js,jsx代码高亮
配置:view->synax->open with all current extension as… -> babel -> javascript(babel)