[JavaScript知识库]React

前言

? ? ? ? ? 学习 React 内容！

一、React 简介

1. 一个网站上线后需要将本地的 html css js static(图片、视频、音频等) 上传到服务器，当用户访问网站时向服务器发送一个请求，服务器接收到请求后将 html css js static(图片、视频、音频等) 传到用户本地客户端之后显示网页。
2. 特性
   • 虚拟 DOM 树
     会将网页的 DOM 树完全复制一份虚拟的 DOM 树放到内存中。
   • 数据驱动
     维护一个 DOM 树，当发现某些节点发生变化时，并不一定修改原来的 DOM 树（在网页中看到的每一个区域），只有当原来的 DOM 树发生真正变化时才去修改。

二、配置环境

1. 安装 Git Bash
   Git Bash 下载链接
   Git Bash 安装教程

2. 安装 Node.js
   Nodejs 下载链接
   Nodejs 安装教程

3. 安装 create-react-app
   打开 Git Bash，直接输入下面命令执行

   npm i -g create-react-app
   

4. 创建 React 项目，名为 React App
   在目标目录（自己存放项目的目录）下右键打开 Git Bash，执行下面的命令

   create-react-app react-app  # react-app可以替换为其它名称
   

5. 启动项目
   进入目录，目录进到 react-app 这一层，打开 Git Bash，输入下面命令

   npm start  # 启动应用
   

   当页面显示如下即成功启动！！！