课程项目：搭建在线购物平台Project: Build an e-commerce website

我们将通过构建一个 e-commerce 网站来学会如何从 0 到 1 构建复杂的网页应用。

网站的核心功能：

支持用户注册和登陆

支持查看所有商品: 每个商品具有简单的信息及价格

支持添加商品到购物车: 每个用户只会有一个购物车

支持购买: 用户选择购买时，会把整个购物车中的商品都买下来

支持查看购买记录: 查看购买记录的时候，我们可以看到每一次购买的商品列表

插入图片

五个开发阶段：

通过 JSON 数据和 Functional Components 构建成型的 UI

使用 Mock API 和后端交互并通过 Class Components 呈现后端数据到 UI 上

使用 React Hooks 替代 Class Components

通过 React Router 实现页面导航，以及实践 Context

网站部署

React 项目结构

插入图片