时间戳

首页 > 解决方案 > 具有全局状态管理的 next.js

reactjs - 具有全局状态管理的 next.js

问题描述

由于使用 create-react-app，对于非常大的 react 应用程序，我打算在 next.js 中编写我未来的所有应用程序，因为它具有丰富的默认内置功能。

我的问题是，当我构建一个非常大的企业应用程序时，我使用 redux 进行全局状态管理。因为我需要很多共享状态，而 Redux 是一个大团队的一个非常好的选择。

如果您需要在 next.js 中构建一个非常大的 Web 应用程序，并且您拥有如此多的全局数据并需要全局状态管理解决方案，那么您更喜欢什么？

标签： reactjsreduxnext.js

解决方案

Redux 与 Nextjs 配合得很好，所以你不会出错。我认为对于大型应用程序 redux 是有意义的，因为它是最广为人知的。

如果您正在处理较小的个人项目，但想要与 redux 类似的全局状态样式，但设置和样板更少，您可以查看由 react-springs 团队提供的Zusstand 。

它很容易实现。您需要做的就是修改默认模板以包装您的页面道具，如下所示：

const App = ({ Component, pageProps }) => {
    Store.setState(pageProps);
    return <Component />;
};

推荐阅读