Change the locale without reloading the app.

[Panoplos]

Is there a way to change the locale without forcing the entire app to reload? Setting the locale via the search parameter of the URL is causing the entire app to reload, which is conflicting with an update to the user's profile. It seems like this being a react solution, it should be reactive, but its current implementation imposes a bad experience on users, IMO.

[cwtuan]

You could forceUpdate component after charging language.

[Panoplos]

Actually, I figured it out a while back. For those who question, this is what I am doing in my redux logic:

/**
 * Logic
 */

export const initialiseLogic = createLogic({
  type: INITIALISE,
  latest: true,

  process({ getState, action }, dispatch, done) {
    const account = getState()['account'].account
    let agentLocale = account ? account.locale : intl.determineLocale({
      urlLocaleKey: "lang",
      cookieLocaleKey: "lang"
    })
    
    if (Object.keys(locales).findIndex( v => v === agentLocale ) === -1) {
      agentLocale = Locales["en-US"]
    }

    dispatch(setLocale(agentLocale))
    done()
  }
})

export const setLocaleLogic = createLogic({
  type: SET_LOCALE,
  latest: true,

  process({ getState, action }, dispatch, done) {
    const account = getState()['account'].account
    account && account.locale !== action.payload.locale && dispatch(updateAccount({locale: action.payload.locale}))
    intl.init({
      currentLocale: action.payload.locale,
      locales
    }).then(() => {
      dispatch(initialised())
      done()
    })
  }
})