React – 逐步构建完整的电子商务应用程序
从头开始学习 React.js 并使用 React JS、JavaScript 和 JSX 构建完整的电子商务前端应用程序
讲师：Coding Courses
口袋资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！
用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。
你将学到什么
- 学习 React 基础知识：SPA、JSX、组件、Hooks、状态、上下文、效果、道具等。
- 将 HTML 和 CSS 代码转换为 JSX 元素和 React 组件
- 使用 React、JavaScript 和 JSX 创建完整的电子商务应用程序
- 使用开源后端应用程序（JSON 服务器）执行 CRUD 操作
- 实现分页、搜索、排序和过滤功能以从 REST API 读取数据
- 使用 JWT 实施注册、身份验证和基于角色的授权
- 表单验证：客户端和服务器端验证
- 将图像上传到 REST 服务器
- 使用 Fetch API 发送 HTTP 请求：基于承诺的行为和异步/等待调用
- 使用 React Router 进行路由：创建路由和受保护的路由
- 在本地存储中存储和访问浏览器上的应用程序数据
- 添加并使用 CDN 中的 Bootstrap Css、JS 和图标
要求
- HTML 和 JavaScript 的基础知识
描述
本课程适合具有一定 HTML 和 JavaScript 知识的 React.js 初学者。
在本课程中，我将向您展示如何使用 React 构建完整的前端应用程序。此应用程序也称为单页应用程序 (SPA)，因为它包含呈现不同视图的单个 HTML 文件。
我们将使用“JSON Server”，它是一个 REST 服务器，作为我们的后端应用程序。因此，我们将只专注于创建前端应用程序。我们将通过使用 Fetch API 向后端应用程序发送 HTTP 请求来对产品执行 CRUD（创建、读取、更新和删除）操作。然后我们将使用 JWT（JSON Web 令牌）添加注册、身份验证和基于角色的授权。
在本课程中，您将学习：
– 如何使用 JavaScript、JSX 和 Bootstrap 创建 React 应用程序
– 如何创建 React 组件以及如何导出/导入它们
– 如何将参数（props）传递给React组件
– 如何使用有用的 React 函数，称为 Hooks：useState、useEffect 和 useContext
– 如何在功能组件中使用状态
– 如何创建两种类型的表单：受控表单和非受控表单
– 如何使用客户端验证和服务器端验证来验证表单
– 如何使用 JWT 实现注册、身份验证和基于角色的授权
– 如何使用不同的 HTTP 请求和 Fetch API 对产品执行 CRUD 操作（创建、读取、更新和删除）
– 如何使用分页（将数据拆分为多个页面）、搜索、排序和过滤功能
– 如何上传图片到服务器
– 如何使用本地存储在浏览器本地存储和访问应用程序数据
本课程适合谁：
- 本课程适合任何想要通过创建完整的电子商务应用程序来学习 React 的人。
