假设我有一个这样的Redux切片

const authSlice = createSlice({
    name: 'authInfo',
    initialState: {value: ""},
    reducers: {
      setAuthState: (state, action: PayloadAction<any>) => {
        state.value = action.payload;
      },
    }
})

我还想通过异步调用在加密存储上保留authState。
到目前为止，我一直认为异步操作的首选是createAsyncThunk，定义如下

export const storeAuthState = createAsyncThunk(
  'authInfo/storeAuthState',
  async (authState: any) => {
    await EncryptedStorage.setItem('auth_state', JSON.stringify(authState));
    return authState;
  },
);
...
const authSlice = createSlice({
...
    reducers: {
    ...
    extraReducers: builder => {
        builder.addCase(storeAuthState.fulfilled, (state, action) => {
            state.value = action.payload;
        })
    ...

并在每次更新时调度storeAuthState。
然而，我刚刚发现了createListenerMiddleware的存在，我可以用这种方式实现同样的目标：

export const listenerMiddleware = createListenerMiddleware()
listenerMiddleware.startListening({
    actionCreator: setAuthState,
    effect: async (action, listenerApi) => {
        await EncryptedStorage.setItem('auth_state', JSON.stringify(action.payload))
    }
})

对我来说，这两种方法没有太大区别，我理解Redux存储和加密存储的更新顺序不同，但最终结果是相同的。
也许第二种解决方案看起来更干净，所以我想知道这两种方法旨在解决的一些真实的用例是什么（rtk网站上的createListenerMiddleware示例非常模糊），以及何时应该采用一种解决方案而不是另一种？