Client-Side Routing

[krowvin]

The Water Management community in USACE uses redux-bundler-hook for the most part. This is what is also recommended in the Groundwork docs.

When using this it is worth mentioning we had to do the following to make sure there were no routing issues.

#147
#37
#121
#228
(Possibly others)

Are resolved.

I thought I would mention here for our community and the public how you might be able to ensure the routing is handled.

1. Make sure to use BASE_URL, documented here, on ever path presented.
2. Make sure to only be using doUpdateUrl and not ...WithBase
   i.e.

  const { route: Route, doUpdateUrl } = useConnect(
    "selectRoute",
    "doUpdateUrl"
  );

3. If you have a link on the same domain, but you do not want the onClick to interfer. I.e. on a different react app, you must use (rel: "external") in the nav-links.js:

{
    id: "my-id",
    text: "My Link",
    href: "/",
    rel: "external",
  },