Authentication best practices with Redux First?

First off, this is great work – thanks for making this! I’m so happy to have everything in Redux.

Could you provide some pointers/best practices on how authentication fits into this (examples would be amazing)? To be more specific in my case, I’ve been looking at this library for Amazon Cognito, which nicely holds user state in Redux: https://github.com/isotoma/react-cognito

With this library and React Router, one creates a guard

const guard = createGuard(store, '/forbidden');

and then passes it to onEnter in the Route to determine whether to show the user the route or redirect elsewhere if needed.

<Route
     path="/change_email"
     component={updateEmail}
     onEnter={guard()}
/>

What’s the best way to do something like this/handle authentication and routing with Redux First? Appreciate the help!

[faceyspacey]

@bmoquist you’re gonna love the latest update to the Demo:

https://github.com/faceyspacey/redux-first-router-demo

It’s major. It includes lots of authentication filtering stuff. It has SSR + Code Splitting. There’s also updates to this package. So update your deps. The takeaway is redirect in onBeforeChange if not authenticated.

[bmoquist]

Thanks much for the suggestions – I’ll test them out, and let you know how it goes!