Auth0 Home Blog Docs

Authenticating Your First React App

Learn how to authenticate a React app using Auth0’s new SPA SDK, React Context, and React Hooks.

Read on :atom_symbol:

Brought to you by @chrisoncode :man_technologist:t2:

For a more hooks oriented approche, I recommend looking on this tutorial samples: https://github.com/auth0-samples/auth0-react-samples.

The on above, is more no-hooks approach at some point! All depend of your React application, in fact.

It would be helpful to have this example in TypeScript as well. Also, a way to d/l the entire source for the sample.

Hi Ramiro,

I’ve followed the tutorial and have can successfully log in and log out using the source code: https://github.com/auth0-blog/react-auth0-spa-sdk-ga with my Auth0 credentials.

But if i close the browser tab and open a new one and load http://localhost:3000/ then neither login nor logout is displayed and the only way to “reset” the webapp is to delete the cookies.

How should this be handled and would you be able to make source code updates?

Another question I have is around having multiple tabs open of the same webapp and how this should be securely handled. There is a discussion regarding this from 2018 but not sure if it is still relevant and if it applies to SPAs? (Also, let me know if I should be asking up this question in a different channel?)

Thanks,
Dan