初探React

React概念

用于构建用户界面的 JavaScript 库，特点：声明式 / 组件化 / 跨平台。

React是由Facebook在2013年开源的Javascript库。

它有几个明显的特点：

• JSX语法组件化开发，函数式编程；
• 虚拟DOM（Virtual DOM）
• Diff算法

注意

JSX语法，最终会被编译为 createElement() 方法

一、React发展史

1. createClass 创建组件时期：React 15.5版本开始官方不再推荐，React 16版本彻底放弃（2017年9月）；
2. Class 声明组件时期
3. 无状态函数式组件 + React Hooks时期：React 16.8推出Hooks概念（2019年2月）。

二、React全家桶

• react: 整体架构，类似【vue】
• redux || mobx: 状态管理，类似【vuex】
• react-router: 路由，类似【vue-router】
• axios: ajax请求，与 vue 相同
• antd || react-material || antd-model: UI框架库，类似【elementUI】
• 脚手架工具 create-react-app:
  • 方式一：
    • 1、全局安装：npm i -g create-react-app
    • 2、创建项目： create-react-app 项目名称
  • 方式二：
    • npx create-react-app 项目名称

参考： React 中文文档