在 next.js 中使用 redux saga 是反模式嗎？

Question

我用 next.js 制作了一個頁面，如下所示。

https://github.com/jinhoyoo/breadpan/blob/7db4ba1c458aff4eee558d27c9e7b84af6401596/frontend/todoapp/pages/todo/index.tsx?fbclid=IwAR3gHVcnSDH7R_rqKdNZESGoQ6R_rqKdNZESGoQ6R_rqKdNZESGoQ7R_rqKdNZESGohp7R_rqKdNZESGoQ7RQM

使用getInitialProps()盡早設置屬性。 它也使用異步調用。 然后我想知道在 next.js 中使用 redux saga 真的很有用。

sampleFetchWrapper()實現如下。

import fetch from 'isomorphic-unfetch'

export async function sampleFetchWrapper(
  input: RequestInfo,
  init?: RequestInit
) {
  try {
    const data = await fetch(input, init).then(res => res.json())
    return data
  } catch (err) {
    throw new Error(err.message)
  }
}

這是其他人在 next.js 中使用 redux saga 的帖子。 但我不知道這是正確的方法與否。 你能推薦正確的想法嗎？

Answer 1

它有效，也許僅適用於初始渲染。 但 SPA 不止於此。

如果在客戶端應用過濾器會怎樣？ 您將需要在應用過濾器的情況下獲取新數據。 怎么寫評論？ 您需要向服務器發送請求、獲得響應並顯示添加的評論。

因此，在頁面繪制完成后與后端交互的情況下，使用 redux-saga 是一個很好的方法。 如果您想在用戶打開頁面時立即顯示內容（而不是顯示加載屏幕），或者您想進行搜索引擎優化，請使用getInitialProps 。 當然，這對於更快的頁面渲染也很重要。