Mern 身份验证 这是一个关于如何使用 JWT 和 HTTP-only cookie 实现 MERN 栈应用程序的身份验证系统的两部分系列的第二部分。在本部分中，我们将创建前端 React 应用程序，以使用我们在第一部分中构建的 API。我们将使用 Redux Toolkit 进行状态管理。

第 13 章 MobX 和 Hook 在本章中，我们将学习如何将 MobX 与 Hook 结合使用。我们将首先学习如何使用 MobX 处理状态，然后继续使用带有 Hook 的 MobX。此外，我们还将学习如何将现有的 MobX 应用程序迁移到 Hook。最后，我们将讨论使用 MobX 的利弊。在本章结束时，您将完全了解如何使用 Hook 编写 MobX 应用程序。

第 12 章 Redux 和 Hook 在本章中，我们将把我们在上一章中创建的 ToDo 应用程序转换为 Redux 应用程序。首先，我们将学习什么是 Redux，包括 Redux 的三个原则。我们还将了解何时在应用程序中使用 Redux 是有意义的，并且它并不适合每个应用程序。此外，我们将学习如何使用 Redux 处理状态。之后，我们将学习如何将 Redux 与 Hook 一起使用，以及如何将现有的 Redux 应用程序迁移到 Hook。最后，我们将学习 Redux 的权衡，以便能够决定哪种解决方案最适合某个用例。在本章结束时，您将完全了解如何使用 Hook 编写 Redux 应用程序。

使用 Redux Toolkit Redux Toolkit（简称"RTK"）是我们官方推荐的编写Redux逻辑的方法。@reduxjs/toolkit包装了核心的redux包，并包含我们认为在构建Redux应用程序时必不可少的 API 方法和常见依赖项。Redux Toolkit 内置了我们建议的最佳实践，简化了大多数 Redux 任务，预防了常见错误，并使编写 Redux 应用程序变得更容易。

React 电商项目 本项目需求功能Vue shop 相同，后端 API 也是一样的，使用的是 React 三件套：React、React Router 和 Redux。先对比一下最终效果吧，b本文主要就这两个项目说一说 React 与 Vue 的区别。