【问题标题】:next.js with global state management具有全局状态管理的 next.js
【发布时间】:2020-12-28 22:20:01
【问题描述】:
由于使用 create-react-app,对于非常大的 react 应用程序,我打算在 next.js 中编写我未来的所有应用程序,因为它具有丰富的默认内置功能。
我的问题是,当我构建一个非常大的企业应用程序时,我使用 redux 进行全局状态管理。因为我需要很多共享状态,而 Redux 对于大团队来说是一个非常好的选择。
如果您需要在 next.js 中构建一个非常大的 Web 应用程序,并且您拥有如此多的全局数据并需要全局状态管理解决方案,那么您更喜欢什么?
【问题讨论】:
标签:
reactjs
redux
next.js
【解决方案1】:
Redux 与 Nextjs 配合得很好,所以你不会出错。我认为对于大型应用程序来说 redux 是有意义的,因为它是最广为人知的。
如果您正在从事较小的个人项目,但想要与 redux 类似的全局状态样式,但设置和样板更少,您可以查看 Zustand 它由 react-springs 团队提供。
很容易实现。您需要做的就是修改默认模板以包装您的页面道具,如下所示:
const App = ({ Component, pageProps }) => {
Store.setState(pageProps);
return <Component />;
};