Тёмный
No video :(

CanMatch Guard in Angular 14.1 Router (2022) 

Decoded Frontend
Подписаться 51 тыс.
Просмотров 15 тыс.
50% 1

Опубликовано:

 

26 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 79   
@DecodedFrontend
@DecodedFrontend Год назад
One more note regarding the canMatch guard I forgot to mentioned in the video: canMatch guard is being called during the "Route Recognizing" and "Applying Redirects" steps, so that's why the canMatch will be called 2 times. Keep in mind that and don't be surprised.
@rahulkate5148
@rahulkate5148 Год назад
Thanks for video, nice information in short time, Please let me know how to avoid one of call from canMatch if it is called twice or How to detect "Route Recognizing" and "Applying Redirects" steps?
@JRiyaz
@JRiyaz Год назад
Please make a video on Micro Frontend using Module Federation
@user-nu2jz1sb4s
@user-nu2jz1sb4s Год назад
Usually I don't like to watch videos, but yours are really very useful. I show them to all my employees
@averiivy1
@averiivy1 11 месяцев назад
I love your content. And owe my current job to your tutorials
@DecodedFrontend
@DecodedFrontend 11 месяцев назад
🙏 thank you so much! I am so happy to hear that my tutorials could help. I wish you success with your career 😊
@Someone-tn8ur
@Someone-tn8ur 7 месяцев назад
Thank you for a concise, well explained video!
@satsat92736
@satsat92736 9 месяцев назад
everything is very clear, thank you for such quality material
@jakubdrewniak2668
@jakubdrewniak2668 6 месяцев назад
Quality content as always 💪
@tangocukedi1
@tangocukedi1 4 месяца назад
this is gold
@MrXandrios
@MrXandrios 3 месяца назад
I have used CanMatch to display a login component. So i have 3 routes which, the first will render the login, if the user is not logged in. The second will redirect to dashboard and the third has the complete routings as children which has a canActivate guard (login)
@webskiM
@webskiM Год назад
this video is much more usefull than official documentation
@popnitaloredana5967
@popnitaloredana5967 Год назад
Thank you for your time and effort!!!
@sasos90
@sasos90 Год назад
You are really great. Probably the best channel about angular i've found for a while.
@bogdantrailescu8954
@bogdantrailescu8954 11 месяцев назад
He explains very well. I Google searched about canMatch and couldn't find anything as comprehensive as this video. I also bought his course on angular forms which is very detailed. I hope he could make more courses about other angular advanced topics and less about interview related things. There is really a lack of recent comprehensive courses/tutorials on angular, Decoded Frontend is the exception.
@igorparampam5984
@igorparampam5984 Год назад
Thanks Dmitro!
@user-hx9fu1tb9k
@user-hx9fu1tb9k Год назад
Дуже дякую!
@hiteshsuthar1097
@hiteshsuthar1097 Год назад
Thanks 🙏
@iuriididenko5284
@iuriididenko5284 Год назад
Not sure why you do this, but I have to admit this is very professional. Hope your content will get more traction
@lesnoy_leo
@lesnoy_leo Год назад
Best channel about Angular what i ever seen.
@angelpellejero8764
@angelpellejero8764 Год назад
Super interesting as always, thank you for your videos
@DecodedFrontend
@DecodedFrontend Год назад
Glad you like them!
@Anand-fy8oo
@Anand-fy8oo Год назад
+1
@nguyenhoa7759
@nguyenhoa7759 Год назад
Awesomeee video 🔥 Thank you!
@Isa-oo8mz
@Isa-oo8mz Год назад
Great video thanks. Could you please record video about harness and use in custom harness another custom harness?
@paranormal2190
@paranormal2190 Год назад
Thanks a lot for this video.
@deveshwarjaiswal9095
@deveshwarjaiswal9095 Год назад
make a video on ssr setup and build for nx/angular app
@rdbstrd1216
@rdbstrd1216 Год назад
thanks for best angular lessons on yt!
@moomoomamoo
@moomoomamoo Год назад
Thanks for the video! I published a library called `ngx-feature-flag-router`, and I'm happy to see that `CanMatch` will likely replace it completely. Thank you again for your video, time to look into a new idea
@DecodedFrontend
@DecodedFrontend Год назад
Congratulations on the library 🎉 btw Angular 15.1 was released today and got canLoad deprecated in favor of canMatch
@moomoomamoo
@moomoomamoo Год назад
@@DecodedFrontend haha yea you called it
@DecodedFrontend
@DecodedFrontend Год назад
Oh, I just noticed your “super thanks”. Thank you for supporting me:)
@omidsoleimani3817
@omidsoleimani3817 Год назад
thanks for your excellent work Dmytro, looking forward to seeing the angular best or bad practices video.
@sravant
@sravant Год назад
Clear and to the point explanation
@PaweWaszczynski
@PaweWaszczynski Год назад
Great video and feature. I wish it was available months ago, I could have used it while doing similar thing when I needed to toggle routes based on feature flags
@MStoica
@MStoica Год назад
Off topic: HX monitor arm is the best! 😁 functionality and looks beautiful Now let me get back to the video and watch it 😁 interesting new route guard
@VasilyPavlik
@VasilyPavlik Год назад
Thank you very much!!! This is exactly what I need right now and had to implement in Guard with custom redirection.
@hubert.t4243
@hubert.t4243 Год назад
Thanks!
@DecodedFrontend
@DecodedFrontend Год назад
Sorry, just noticed your super thanks. Thank you so much for your support! :)
@hubert.t4243
@hubert.t4243 Год назад
Thanks man :)
@metorado
@metorado Год назад
Thanks man🎉
@galaxies_dev
@galaxies_dev Год назад
Nice use case, thank you for the video!
@DecodedFrontend
@DecodedFrontend Год назад
Hi Simon! Thank you so much :)
@oleksandrvorovchenko8674
@oleksandrvorovchenko8674 Год назад
Great, as usual!
@denisgandzii1551
@denisgandzii1551 Год назад
Useful and shared, thanks for your work.😁
@DecodedFrontend
@DecodedFrontend Год назад
Glad it was helpful!
@bonnes04
@bonnes04 Год назад
Very useful
@mohamedeldeeb5115
@mohamedeldeeb5115 Год назад
So great ❤❤
@yt.mhasan
@yt.mhasan Год назад
Your video helps me a lot. Thank you, sir.
@severinspoerri3036
@severinspoerri3036 Год назад
Danke!
@DecodedFrontend
@DecodedFrontend Год назад
Hi Severin! Vielen Dank für die Unterstützung, ich schätze es :)
@severinspoerri3036
@severinspoerri3036 Год назад
@@DecodedFrontend 😁👌
@volodymyralexandrov6040
@volodymyralexandrov6040 Год назад
Nice!
@Bukratusi
@Bukratusi Год назад
Brother please make videos more often a d please create a complete courses for rxjs and angular and please can you create a angular project with advance features. Like amazon filter search
@youbielu
@youbielu Год назад
Extremely good work, keep it up!
@abdelkader2848
@abdelkader2848 Год назад
Thanks sir
@user-ir4ug1kt4e
@user-ir4ug1kt4e Год назад
very nice content as always!!!
@binnyranakoti2876
@binnyranakoti2876 Год назад
Really like your videos everything is explained smoothly I have shared your content with my fellow angular Developers and they also liked it.. only one question i have do you have QnA link something where i can get help from you... Thanks
@dovinh2971
@dovinh2971 Год назад
Is it too bad to using ngIf instead? Thks
@dj_yamato
@dj_yamato Год назад
Круто. Спасибо за новую информацию !
@dinysanchez
@dinysanchez Год назад
Great video! this opend up to more possibilities. But, I tried it in my own project and bum into and error: 'canMatch' does not exist in type 'Route'. angular. What it might be?
@DecodedFrontend
@DecodedFrontend Год назад
It might be because your Angular version is below 14.1. Try to update Angular to the latest version and try again:)
@tranquiloteov
@tranquiloteov Год назад
Hi. In the 2:41 you say data in the data resolving, Angular is resolving data. But you said exactly the same in the Route Config loading. What is the difference? Thank you.
@nelsondsancheze
@nelsondsancheze Год назад
Hi, Dmytro. I'm Nelson from Peru. When we using preloading-strategy for example PreloadAllModules, in this case "canLoad" will not be preloaded because it is protected by CanLoad route guard. Now what about canMatch is possible to do the same? Or how can I avoid to preload some modules?
@user-wu6nf4xl7s
@user-wu6nf4xl7s Месяц назад
Nice question, what is your opinion regarding this? @DecodedFrontend
@wasit-shafi
@wasit-shafi 22 дня назад
Thanks for such a informative video, i just have one question is there any advantage of using isAdmin$ as observable then just a primitive boolean variable, i have seen this type of pattern at various places, still not fully satisfied when to use which...? Thanks I will highly appreciate incase anyone can comment on this issue
@ermahesh2009
@ermahesh2009 Год назад
❤❤
@dashti812009
@dashti812009 Год назад
Hoi, another amazing video, thanks! I have one question, is it possible to get queryParams (ex: get 'id' from url 'dashboard?id=100') in canMatch ?
@pedrofernandes2005
@pedrofernandes2005 Год назад
This is potentially useful for the project I'm working on. But how does this behave with a resolver? I'm doing the redirects on the resolver and ideally the redirect logic should be on this canMatch guard. Not sure how to use them both together..
@DecodedFrontend
@DecodedFrontend Год назад
Resolvers are being executed right before the route activation (after canActivate & canActivateChild successfully passed), so if canMatch return 'false' you won't even reach resolvers because canMatch guard will be executed as the very first one in the navigation lifecycle. But why do you do redirect logic inside the resolvers?
@pedrofernandes2005
@pedrofernandes2005 Год назад
@@DecodedFrontend I use resolver to request information to pass to the component. But depending on the state of this item (has two states) I need to decide which route should take. In theory, from what I understood, canMatch would be a great candidate for this? But I can't figure out how I would use it.
@zen4543
@zen4543 Год назад
Sir i got a question, the canMatch guard it is a replacement only for canLoad guard? or it is for canActivate too?
@11ujujz47
@11ujujz47 Год назад
Only for canLoad
@spamdump7337
@spamdump7337 6 месяцев назад
Крутой видос, но rout всё же читатся как руут, а не роут.
@yaki1531
@yaki1531 Год назад
Very interestiong. U need to write a book) Cлава україні доречі)
@DecodedFrontend
@DecodedFrontend Год назад
I am a bad writer 😁 Героям слава;)
@manjeetdigitalstudio
@manjeetdigitalstudio Год назад
god bless u xdd
@vitruvianeli
@vitruvianeli Год назад
comment
@chrisfelix9065
@chrisfelix9065 Год назад
Very useful
Далее
Component-Less and Empty-Path Routes in Angular (2023)
14:07
O'ZBEK VA TOJIKLAR ROSSIYADA TERAKT UYUSHTIRISHDI!
08:41
Cute kitty gadgets 💛
00:24
Просмотров 11 млн
ngTemplateOutlet is WAY more useful than I realised
16:36
RxJS Scan Operator - How to Manage the State
16:33
Просмотров 10 тыс.
Hot vs Cold Observable in RxJs (2021)
15:06
Просмотров 27 тыс.
Input Signals in Angular 17.1 - How To Use & Test
14:34
microsoft doubles down on recording your screen
10:00
Deferrable Views - New Feature in Angular 17
15:31
Просмотров 20 тыс.