KEYCLOAK & React.JS - Part 1: How to, basic configuration & usage w/o 3rd party libs | @dasniko

Demonstration on how to successfully integrate #Keycloak, the Open Source Identity and Access Management solution for modern applications and services (by Red Hat), with a #React.JS based application. No 3rd-party lib is used, besides the provided Keycloak-js lib from the project itself.

This part covers the configuration of your app itself, the http client interceptor to inject the bearer access token into every backend request and creating custom conditional components, depending on values from authentication with Keycloak.

Don't forget to subscribe to my channel (if not already done) and give this video some thumbs up 👍 (aka "like").
Tell me about your experiences and in the comments. I'm looking forward to it! Thank YOU!

---

I'm Niko - and I'm an independant freelance software consultant, developer and trainer.
I'm here to help - you, your team and your company.
How can I support you? Just get in contact:

All things Cloud ☁️, Serverless, On-Premise, Java, JavaScript, All-End (Frontend, Backend, Fullstack Deployments), Authentication, Security 🔐, IAM, Keycloak, Containers, DevOps

Please understand that Youtube is not a good place to get support in case of errors. There are forums out there which are the right place to ask!

[hypnoticlizard]

Damn really underrated. Your videos need more exposure. Best react keycloak integration I have seen yet.

[섭섭한공대생]

Thank you for your lecture from Korea :) . I really appreciate your videos and public git repos. The greatest teacher I've met.

[codingcrashkurse]

Really awesome, I loved the "RenderOnRole" Logic

[kornkutan]

Excellent videos and great explination, Niko. I have been looking for this for a while. Thank you.

[laviniafechete]

Hello, Niko! I appreciate your videos. I'm new with keycloak and your videos helped me a lot! Thanks for that!

[sobieski]

Great videos, covers all my questions I had beforehand when I started with this topic some days ago!

[rafaelsanchezmartinez]

Very well appreciated explanation. You are a great teacher!!!

[SuperAdil]

Thx sir finally I understood how al thingsl wroke together

[realisticprogramming]

Perfect video! Liked and subscribed. Gonna go watch your Keycloak playlist now. :)

[narendrakumarv]

Very informative Niko..! Thanks a lot !!

[siux]

You are such a refreshment from the tons of indians that cover similar topics here on youtube.

[kerimsisman]

Excellent informative video, thank you.

[linoymanuel]

Can you make a video of how keycloak is configured(creating realm, clients and users and getting the .JSON file). It will be great full for the beginners like me.

[leonardocontreras]

This video saved my life its excelent!! thank you

[rahuljedhe]

after login Token is getting change on each page refresh. Is there any way persist the same token ?

[ЕгорАрямов]

This video is really good, thanks a lot for your job)

[littlesandra]

Two questions =)
1. When you say tokens, is that JWT?
2. Since the Role decides what should be rendered, I suppose it would be possible to still delete books even as a normal user since the backend doesn't check the roles?

[KnowledgePursuitNT]

Thanks a lot, but I have trouble with client authentication (confidential access type) when I turned it on. I can't get the token. Please help me. Thank you.

[GuestHouse]

That's great, exactly what I was looking for. When are you going to add Thunk ?

[Luisya]

Would this work for Next Js?

Also what if I want some pages to not require authentication?