React基础 ① -- 从零开始

React 介绍

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

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

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

  • vue: 是渐进式的javascript框架

  • react 全家桶是框架

    • react: 核心库

    • react-dom: dom操作

    • react-router：路由

    • redux：集中状态管理

扩展 

1. 框架背景

   1. react是Facebook（meta） 内部项目

   2. vue是尤雨溪个人作品

   3. angular是goole公司产品

2. 趋势

   1. react全球第一

   2. vue在国内较多，react也慢慢多了

   3. angular在跨国公司使用较多

React 特点

1. 声明式

只需要描述UI看起来是什么样的，就跟写html一样。

用类似于html的语法来定义页面。react中通过数据驱动视图的变化，当数据发生改变, react能够高效地更新并渲染DOM。

<div className="app">
    <h1>Hello React! 动态数据变化:{count}</h1>
</div>

2. 组件化

组件是react中最重要的内容

组件用于表示页面中的部分内容

组合、复用多个组件，就可以实现完整的页面功能

3. 学习一次，随处使用

使用react/react-dom可以开发Web应用

使用react/react-native可以开发移动端原生应用（react-native）RN

使用react可以开发VR（虚拟现实）应用（react/react360）

React脚手架-从零开始创建项目

脚手架 create-react-app

官方工具: create-react-app

创建方式 1

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

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

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

   命令：create-react-app your-project-name

创建方式 2

直接使用npx来创建项目

命令：

npx create-react-app your-project-name

解释：

• npx create-react-app 是固定命令，