Thank you so much man, you explain this with a lot of passion & efforts. With 2 YOE in Angular, for the very first time you made me understand NgRX State management. I just finally wrapped my head around it. You earned my like & subscription as well. Kindly do continue making more of the same, your journey to your first 1K Subs is on the way.
I'm glad I could help man. Thanks a ton for your kind words! I have been inactive with my content lately but comments like yours have motivated me to make more content. Please feel free to let me know if there's any particular topics you'd like me to make videos on.
Thank you so much for this video. Just learning about Angular. This was the missing piece to wrap my head around authentication in a modern Angular application. Please continue with more such useful content! Much appreciated:)
@Harsh Gupta I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :) th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
Hi @ManishJain Confidosoft, I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :) th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
Hi @Bluetooth Era, I have a new video up on creating an Angular Library in 2022. I think you might like watching that. th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
Hi @Jose Martinez, I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :) th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
This video is gold, it has made me see many things I didn't understand and I thank you very much. I have a question, how can I implement this on a microfrontend? In my case I work in a project which has a login/registration app and another main app that reads the cookie saved by the login project to access the user information. Could you give me some key to adapt your solution to my project? Thank you again and I hope you are well
It has not been linked with Nx properly in my project yet. You may navigate to the marketplace-server directory "cd apps/marketplace-server" and run "yarn run dev". Please note that you will need to connect to a Mongo server and set its URL with credentials in a .env file as MONGO_URL=.
Great video. Do you have another one showing how to add "loading" indicators while the effect is being executed? To be able to show an indicator to the user, disable the button, etc.
You explination was so amazing, it was so simple, as it's nothing, thank you verry much, for that, i'll use your tutroial as my reference, thanks again
Hi, great video. Thank you! I have one question. When i reload my page in "logged in" state. The Log in button is visible for a second. I understand this is due to the async taking time to complete but how can this be solved in a nice way? Thanks!
Hi Nattmackan, thanks for watching the video and thank you for your feedback! Ideally, when a user is logged in, the authentication state should be persisted in local storage. That way, if you log in once and reload the app, you wouldn't see the Log-in button. However, with a proper authentication system in place, you would want to validate the persisted auth token to make sure it's still valid. The implementation of that would depend on your auth system but ideally it would include communication with your backend auth service to make sure that the token is valid. If the token is deemed invalid / expired, you would dispatch the Logout redux action that would change the UI state and the Log-in button would appear again.
Great Video !!! I have a quick question. I noticed that you used a promise as the return value for the Login Method. I was wondering why did you use a promise as opposed to an observable? Thanks !!!
Thank you! I'm glad I could help. Since we are not returning anything from the login function in the component, we don't need a return type there. It is more like an async void function. We simply dispatch an action in there and don't return anything. A consumer of that function does not (and should not) need to wait for the login function to finish executing. Please feel free to let me know of any other topics you'd like tutorials on. Happy coding!
@@sahoo.subrat Hi, I have a new video up on creating an Angular Library in 2022. I think you might like watching that. th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
When you refresh the page, the ngRx store is reset. That is because in this video, I do not show how to *persist* the store in local storage. If you want to retain the state, you can update your store implementation to "save" the state to local storage when it's changed.
@@roman-tp6sd I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :) th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
Hi, I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :) th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
implementing ngrx for first time, this video helps me a lot.
Glad it helped! Thanks for watching! :)
Thank you so much man, you explain this with a lot of passion & efforts. With 2 YOE in Angular, for the very first time you made me understand NgRX State management.
I just finally wrapped my head around it. You earned my like & subscription as well.
Kindly do continue making more of the same, your journey to your first 1K Subs is on the way.
I'm glad I could help man. Thanks a ton for your kind words! I have been inactive with my content lately but comments like yours have motivated me to make more content. Please feel free to let me know if there's any particular topics you'd like me to make videos on.
Thank you so much for this video. Just learning about Angular. This was the missing piece to wrap my head around authentication in a modern Angular application. Please continue with more such useful content! Much appreciated:)
Thank you for watching! Glad I could help. :)
great explanation!! Please keep more of these tutorials coming.. Waiting for more Angular content from you :)
Thank you! I'll certainly start producing content more actively. Please stay tuned :)
@Harsh Gupta I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :)
th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
Amazing! In one go, I understood, what NGRX is all about. It looks very simple and I am going to use in my next ng project.
I'm glad I could help. Good luck and have fun with Ngrx :).
Hi @ManishJain Confidosoft, I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :)
th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
An older video but helpful to me to refresh ngrx state, thanks
Glad I could help.
I see only two videos on your channel, Content is really good !! Please keep up with pace...
Thanks a lot!
I have been caught up with some personal events lately but I'll be creating more content soon. Please stay tuned :).
Hi @Bluetooth Era, I have a new video up on creating an Angular Library in 2022. I think you might like watching that.
th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
Damn! You have explained it so simple and easy, thanks for the video it helped me a lot. 💪
I'm glad I could help. :)
Please feel free to post suggestions for topics you'd like to see on this channel.
Happy coding!
Hi @Jose Martinez, I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :)
th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
Can you please create a video on how to manage the login state using ngrx for multi tenant user application with an Okta login integration.
Thanks for the comment!
I haven't worked with Okta but I'll try my best to find time, check out Okta, and make a video on it.
This video is gold, it has made me see many things I didn't understand and I thank you very much. I have a question, how can I implement this on a microfrontend? In my case I work in a project which has a login/registration app and another main app that reads the cookie saved by the login project to access the user information. Could you give me some key to adapt your solution to my project? Thank you again and I hope you are well
How do I launch the marketplace-server API?
It has not been linked with Nx properly in my project yet.
You may navigate to the marketplace-server directory "cd apps/marketplace-server" and run "yarn run dev". Please note that you will need to connect to a Mongo server and set its URL with credentials in a .env file as MONGO_URL=.
Great video. Do you have another one showing how to add "loading" indicators while the effect is being executed? To be able to show an indicator to the user, disable the button, etc.
Thank you!
I have not been able to create much content lately but I will be happy to make a video on UI state management. Stay tuned :).
You explination was so amazing, it was so simple, as it's nothing, thank you verry much, for that, i'll use your tutroial as my reference, thanks again
Thank you! I'm glad I could help. Please feel free to let me know of any other topics you'd like tutorials on. Happy coding!
Hi, great video. Thank you! I have one question. When i reload my page in "logged in" state. The Log in button is visible for a second. I understand this is due to the async taking time to complete but how can this be solved in a nice way? Thanks!
Hi Nattmackan, thanks for watching the video and thank you for your feedback!
Ideally, when a user is logged in, the authentication state should be persisted in local storage. That way, if you log in once and reload the app, you wouldn't see the Log-in button.
However, with a proper authentication system in place, you would want to validate the persisted auth token to make sure it's still valid. The implementation of that would depend on your auth system but ideally it would include communication with your backend auth service to make sure that the token is valid.
If the token is deemed invalid / expired, you would dispatch the Logout redux action that would change the UI state and the Log-in button would appear again.
Great Video !!! I have a quick question. I noticed that you used a promise as the return value for the Login Method. I was wondering why did you use a promise as opposed to an observable? Thanks !!!
Thank you! I'm glad I could help. Since we are not returning anything from the login function in the component, we don't need a return type there. It is more like an async void function. We simply dispatch an action in there and don't return anything. A consumer of that function does not (and should not) need to wait for the login function to finish executing.
Please feel free to let me know of any other topics you'd like tutorials on. Happy coding!
Please increase the Editor fonts size.. Thanks !
Thanks for the feedback. Yes the font-size has been fixed in my other videos.
nice , but please increase the font size of the vscode
Thank you for the feedback!
I will keep that in mind for the future videos :) .
@@techtacious Thanks
@@sahoo.subrat Hi, I have a new video up on creating an Angular Library in 2022. I think you might like watching that.
th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
What happens when you refresh the page? Are the token and user data still stored in the ngRx store?
When you refresh the page, the ngRx store is reset. That is because in this video, I do not show how to *persist* the store in local storage.
If you want to retain the state, you can update your store implementation to "save" the state to local storage when it's changed.
@@techtacious yep, got it, thanks!
Nice tutorial!
Thank you!
Hi, I have a new video up on creating an Angular Library in 2022. I think you might like watching that.
th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
the video is good. but i could not complete it because the font on the screen was so small, and I couldn't see the code well.
Thanks for watching. It was my first video and I didn't have the best font size figured out yet.
the size of font is small... great video
Hi, thanks for your comment!
The fonts will be bigger and better in the other videos :).
@@techtacious my eyes will love you
@@roman-tp6sd I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :)
th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
very hard to read the code bro
Hi, thanks for your comment!
The fonts will be bigger and better in my other videos :).
I skipped this beautiful video because fonts were too small
I recognize that problem with the video. I'll make sure to avoid it in my future videos. Thanks for the feedback! :)
Hi, I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :)
th-cam.com/video/Dji9lNHVj6k/w-d-xo.html
Zoom in ur VS code ..
I recognize that problem with the video. I'll make sure to avoid it in my future videos. Thanks for the feedback! :)