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

Question

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

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

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

Answer 1

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

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

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

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