10、React开发：从创建应用到组件搭建

React开发：从创建应用到组件搭建

1. 创建React应用

首先，使用 create-react-app 创建一个名为 cars 的项目。在终端中，按照提示进入新创建的 cars 目录，并运行 npm start 命令。成功启动后，会看到一个带有缓慢旋转蓝色React标志的灰色屏幕。

项目结构如下：
- node_modules 目录：包含项目的所有依赖项，一般无需手动触碰，除非进行极端的调试操作。
- Public 文件夹：有一些通用文件，如PNG标志和 favicon.ico 文件，后续可移除。其中， index.html 文件非常重要，它包含一个 id 为 root 的 div ，React应用将渲染在此处。
- src 目录：是主要的工作目录。 App.js 文件代表整个应用，包含所有组件、菜单、页眉、页脚、列表和控件等，最终会在HTML文件中 id 为 root 的 div 中渲染。

2. 选择样式框架

React有多种样式应用方式，如经典的CSS样式表、SASS、JavaScript样式对象，以及像Styled Components这样现代