javascript - 需要本地存储与 session 存储建议

Question

我正在构建一个 mini-swiggy 应用程序，用于销售仅具有基本功能的披萨。基本应用程序可用 here .这个应用程序没有我想添加到这个应用程序的登录/注册功能。我想在实现这个的同时学习 session 存储。

我的问题是:

• 我是否应该在每次用户点击添加按钮时调用 API，并在数据库中更新购物车？ (目前由使用本地存储的 React 上下文 API 处理，目前没有这样的数据库。在下订单时，我只是刷新本地存储)。

• 现在功能需要数据库

  • 登录/注册
  • 每个用户的订单摘要
  • session 管理
  • 管理员 Angular 色等

• In 可以继续使用本地存储来更新购物车，并且仅在用户下订单时调用 API。下订单后，我可以从本地存储中刷新购物车。(我认为这是最佳选择，因为它会提高性能并减少服务器负载。)

如果不使用 redux 是否可以实现这一切？

考虑到我想让它成为一个具有最佳实践的应用程序，请提供帮助，此外，如果您有一些好的资源，请分享，我在这里有点新手。

如果您能想到任何其他功能，请告诉我:)

Answer 1

首先，我想说我真的很喜欢你的 CSS :)。

您不必使用数据库或redux来制作购物车系统，但您可以猜到它们有很好的机会。

---

数据库优势:

1. 您可以在用户的​​所有设备上显示他的购物车。
2. 只要用户没有删除，他的购物车就会一直存在。
3. 您可以访问所有组件的数据。 (困难)
4. 这是很好的学习实践。

数据库缺点:

1. 您需要一个 API，因此很难设置。
2. 您的代码将比其他选择更复杂。

---

REDUX 优势

1. 设置起来很容易。您不需要新项目。
2. 您可以访问所有组件的数据。 (中等)

REDUX 缺点

1. 其实我真的不知道redux有什么缺点:)(如果你知道请告诉我)

---

本地存储优势

1. 非常简单
2. 您可以访问所有组件的数据。 (简单)

本地存储的缺点

1. 您不能在其他设备上显示用户的购物车

---

我没有把session storage分开，因为它和local storage是一样的。唯一的区别是 session 存储是每个标签。

在我看来，您应该使用数据库。我知道这是一个基本的应用程序，但您可以通过这种方式学到很多东西。

这些是我的建议:

1. cookies vs local vs session storage

2. ECommerce site with backend