第 5 部分 · React 前端

用 React 18 实现与 Vue 端完全一致的商城前端。同一个商城、同一套后端 API，代码在 web-react/ 目录。

本部分你会学到

章节	内容	产出
React 核心概念	JSX、组件、Hooks、状态	掌握函数组件开发
Vite 工程搭建	创建工程、目录规范	可运行的 web-react 工程
React Router 与状态管理	路由、Context/Zustand	页面导航 + 登录态
商城前端页面实现	商品/购物车/订单	商城 React 端核心页面
Vue 与 React 对比总结	思想、写法、生态对照	双框架面试话术

学习建议

如果你先学的 Vue，本部分请带着对比的眼光看：

维度	Vue 3	React 18
模板	<template> 模板语法	JSX（JavaScript 里写 HTML）
数据	ref/reactive 响应式	useState 状态 + 重新渲染
父子通信	props + emit	props + 回调函数
状态管理	Pinia	Zustand / Redux Toolkit

学两个框架的本质价值

Vue 帮你管"数据怎么变、页面怎么更"，React 要你自己写（useState + 不可变更新）。看懂两种思路，面试时能讲出框架设计差异，是很大的加分项。