Request: document best practices for authentication

Almost every app needs authentication, so it would be useful to document recommended patterns.

For example, below I have a user state which indicates whether the user is logged in or not.

Based on that state the app should navigate to either the welcome scene or the tabs scene.

I’ve tried implementing this behaviour with a useEffect, but it’s not firing.

const navigator = new StateNavigator([
	{ key: 'welcome' },
	{ key: 'tabs' }
])

const { welcome, tabs } = navigator.states

welcome.renderScene = () => <Welcome/>
tabs.renderScene = () => <Tabs/>

const Navigation = () => {

const { user } = useUser()

useEffect(() => {
	user ? navigator.navigate('tabs') : navigator.navigate('home')
}, [user, navigator])

return(
<NavigationHandler stateNavigator={navigator}>
  <NavigationStack />
</NavigationHandler>)
}

Is there a recommended way of doing this I’m missing?

Any insight is greatly appreciated.

[grahammendick]

No bother, I’m just glad you got it working. You happy to close this?

[vbylen]

No luck.

Putting // @refresh reset in the Navigation.js file fixed it.

Thanks for holding my hand.