什么是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
- 按交互提示安装相关插件
- 它会自动生成eslint的配置文件
3. 设置vscode的自动保存格式化