【React】简单介绍及开发环境搭建

react是一个用于构建web和原生交互界面的库

优点:

组件化的开发方式,不错的性能

丰富的生态,跨平台支持

使用create-react-app快速搭建开发环境

create-react-app是一个快速 创建React开发环境的工具,底层由Webpack构建,封装了配置细节,开箱即用

执行命令:

npx create-react-app react-basic

1.npx Node.js工具命令,查找并执行后续的包命令

2.create-react-app 核心包(固定写法),用于创建React项目

3.react-basic React项目的名称(可以自定义)

只保留index.js和App.js就可以

index.js是项目的入口,从这里开始运行的

//React必要的两个核心包

import React from "react";

import ReactDOM from "react-dom/client";

App.js 项目的根组件

项目渲染流程:App -> index.js -> public/index.html(root)