React介绍

什么是React：

React 是用于构建用户界面的 JavaScript 库

• 构建用户界面. User Interface，对咱们前端来说，简单理解为：HTML 页面

• javscrtipt库。不是框架，是库。

  • vue: 是渐进式的javascript框架

  • react 全家桶是框架

    • react: 核心库

    • react-dom: dom操作

    • react-router：路由,

    • redux：集中状态管理

React 特点

声明式：

React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React 能高效更新并渲染合适的组件。

以声明式编写 UI，可以让你的代码更加可靠，且方便调试。

组件化：

构建管理自身状态的封装组件，然后对其组合以构成复杂的 UI。

由于组件逻辑使用 JavaScript 编写而非模板，因此你可以轻松地在应用中传递数据，并保持状态与 DOM 分离。

学习一次，随处使用：

无论你现在使用什么技术栈，在无需重写现有代码的前提下，通过引入 React 来开发新功能。

React 还可以使用 Node 进行服务器渲染，或使用 React Native 开发原生移动应用。

代码展示：

 

创建方式一：

1. 先全局安装脚手架工具包

    命令：npm i -g create-react-app

2. 用脚手架工具来创建项目

    命令：create-react-app +脚手架的名称

创建方式二：

  直接使用npx来创建项目

    命令：npx create-react-app +脚手架的名称

环境配置-关于eslint在React中的使用

步骤：

1. npm i eslint -D （如果要使用typescript ，同时下载typescript依赖包）

2. 在项目根目录，运行npx eslint --init

1. 按交互提示安装相关插件
2. 它会自动生成eslint的配置文件

3. 设置vscode的自动保存格式化