NgDoBootstrap in Angular - Lifecycle Hook You Probably Didn't Know

Поделиться
HTML-код
  • Опубликовано: 5 окт 2024
  • ХоббиХобби

Комментарии • 145

  • @DecodedFrontend
    @DecodedFrontend  2 года назад +13

    Subscribe also to my other Social Media where I publish short Frontend Tips:
    Twitter - twitter.com/DecodedFrontend
    Instagram - instagram.com/decodedfrontend
    LinkedIn - www.linkedin.com/in/dmezhenskyi

    • @malbarmavi
      @malbarmavi 2 года назад

      👍 🌟 💯

    • @genyklemberg
      @genyklemberg Год назад

      Hi Dmytro. Is it possible to create dynamic elements in component without actually creating component tag? The thing is I use component for creating different types of elements, but on this case I have extra wrapper all over the project)

  • @fernandovillanueva5135
    @fernandovillanueva5135 2 года назад +35

    I really like this approach, I think it is important to understand why things are happening before implementing something. Excellent video!!

    • @DecodedFrontend
      @DecodedFrontend  2 года назад +1

      Thanks for your valuable feedback and your thoughts, Fernando!

  • @gonzalocorchon6509
    @gonzalocorchon6509 2 года назад +12

    I love this way of teaching this kind of stuff, because you really understand what's going on under the hood so you can remember it more easily. But most of all you have all my appreciation for explaining things that don't even appear in the official Angular documentation.

  • @nguyenhoa7759
    @nguyenhoa7759 2 года назад +4

    No one teaching these high deeply Angular stuffs better than you. Thanks a lot!

  • @maximermoshin393
    @maximermoshin393 2 года назад +5

    I like when you show us source code. It's pretty useful and interesting.

  • @bjfviheoiv
    @bjfviheoiv 2 года назад

    I love this way of teaching this kind of stuff, because you really understand what's going on

  • @swapnasaritnayak2569
    @swapnasaritnayak2569 2 года назад +1

    Absolutely loved this approach

    • @DecodedFrontend
      @DecodedFrontend  2 года назад

      Thanks for letting me know! It helps me to make content better for you 😊

  • @vijayu707
    @vijayu707 2 года назад +1

    This approach is fantastic... I will not need to memorise as the steps are logical... As always, you explained it well. You are the boss of Angular in RUclips. Advanced and interesting content for free....!!!!!

  • @jbchan07
    @jbchan07 11 месяцев назад

    This one is clearly the one that I missed. Thank you so much.

  • @p.s29
    @p.s29 2 года назад +4

    Great stuff.
    These things took me years of R&D to find.
    Keep at it. 😁

    • @DecodedFrontend
      @DecodedFrontend  2 года назад +1

      You are welcome:)

    • @p.s29
      @p.s29 2 года назад

      @@DecodedFrontend
      We created a react project at the end. 🤣
      I usually comment before watching the whole video.

  • @rikisyahputra3805
    @rikisyahputra3805 2 года назад +1

    I really like the approach, it tells me what I'm implementing instead of implementing it blindly 👍

  • @unhandledexception1948
    @unhandledexception1948 11 месяцев назад +1

    I totally appreciate your approach to into the why instead of just handing out the solution.... so helpful, and rare that mentors spend this type of time in these videos

    • @DecodedFrontend
      @DecodedFrontend  10 месяцев назад +1

      Thank you for this valuable feedback. I appreciate it so much!

  • @jaysolanki6572
    @jaysolanki6572 2 года назад +1

    You post stuffs we can't find out figure out easily. Thanks a lot.
    Also i would love to see how to run 2 different angular apps in single code as you've mentioned.

  • @lux7262
    @lux7262 2 года назад

    New approach is very good. Theres a lot of videos that explains how to bootstrap thing, but here I like approach that explains why its done this way. Its kind of deep knowledge explainded in simple way. Keep up good work.

  • @luismaini
    @luismaini 2 года назад +1

    i like this approach

  • @HenrikBgelundLavstsen
    @HenrikBgelundLavstsen 2 года назад

    This channel is by far the best channel i have found if you want to dig deeper into angular

  • @AdyNgom
    @AdyNgom 2 года назад

    super dope - one of the best Angular channel by far. This is simply amazing and you make it look too easy lol 😇

  • @sravant
    @sravant 2 года назад

    Awesome explanation.
    Please make a video to bootstrap the applications as separate as well.

  • @mixmax1982
    @mixmax1982 2 года назад +1

    Great approach 👍
    Дякую Дмитро, бажаю успіхів і так тримати ❤️

  • @neroaj5086
    @neroaj5086 2 года назад +1

    I like your content alot thanks for your hard working

  • @feliperod7576
    @feliperod7576 Год назад

    Excellent... easy... very consistent

  • @ilyatelefus3647
    @ilyatelefus3647 2 года назад +2

    As always, great video. Thx Dmytro. I'm looking for the next one.

    • @DecodedFrontend
      @DecodedFrontend  2 года назад

      Glad you like it! Thanks for the feedback 😊

  • @andrewlistopadov8839
    @andrewlistopadov8839 2 года назад +3

    Thanks mate! You do really good job, and in this video you described the feature that is not easy to know about from the official docs.
    And it's worth to mention, that there is another option to bootstrap any root component without creation of some anchor node. For this we can make selectors of all potential root components all the same.

  • @malbarmavi
    @malbarmavi 2 года назад

    {{'it feel great why I see something like this content, it is not repeated and I have learn something new 👏👏👏'}}

  • @armenbabayan1458
    @armenbabayan1458 2 года назад +1

    Wow, that was fantastic, thank you)))

    • @DecodedFrontend
      @DecodedFrontend  2 года назад

      Glad you liked it! Thanks for your feedback 👍🏻

  • @compton8301
    @compton8301 2 года назад

    Thank you. I love how you break things down. 👏🏿👌🏿

  • @sapsapproductivity
    @sapsapproductivity 2 года назад +1

    Wow that is good to know, Thank you.

  • @alexeyryasik2951
    @alexeyryasik2951 2 года назад

    Awesome, thanks a lot! Digging in the source code is the best approach.

  • @vyacheslavchalyk7239
    @vyacheslavchalyk7239 2 года назад

    thanks for your videos, pls do more angular advanced videos, with explanation from source

  • @pedrofernandes2005
    @pedrofernandes2005 2 года назад

    Didn't know this was possible. good content as usual.

  • @ikaebralidze3056
    @ikaebralidze3056 Год назад

    Great video. Please add more videos about forms and Internationalization

  • @plufo
    @plufo 2 года назад

    Excellent work as always, I love your videos. I add a note about the last part of the video: you just provide a CSS selector as a second parameter to the bootstrap method. Thanks a lot!!!

  • @adityamore287
    @adityamore287 Год назад

    Awesome sir again.
    I love this approach and I'd like to see more videos like this.

  • @oleksiisolomakha4510
    @oleksiisolomakha4510 2 года назад

    That’s cool 👍 Please continue.

  • @MP3D2Y
    @MP3D2Y 2 года назад

    Best angular content! Thanks

  • @slonya4ka
    @slonya4ka 2 года назад

    I like the approach you use! Great video! Thank you!

  • @TheSysmat
    @TheSysmat 2 года назад

    Good way of thinking process

  • @fosteradorkor5940
    @fosteradorkor5940 2 года назад +1

    This is the first time hearing of this
    Thanks a lot for your videos
    Like the new approach

  • @antoniosantana5386
    @antoniosantana5386 Год назад

    Excellent video, would be nice if you could create a video regarding the Routes const that we usually create to set the routes, how embedded routes are shown how using lazy loading we can establish a specific component

  • @nanasarathi
    @nanasarathi 2 года назад

    Very informative 👍 please go ahead with your approach of investigating of code...

  • @feliperistow6279
    @feliperistow6279 2 года назад

    Excellent explanation, i like your didatic and learn alot with your videos.

  • @adriansieradzan8347
    @adriansieradzan8347 2 года назад

    I really like your videos. Glad that I found you.

  • @SafetyLast-_-
    @SafetyLast-_- 2 года назад

    Great approach! Please proceed with it :)

  • @omidsoleimani3817
    @omidsoleimani3817 2 года назад

    I like this approach, very good content, as always

  • @bug18486
    @bug18486 2 года назад

    Super cool technique. Thanks!!!

  • @sebastienbruno5565
    @sebastienbruno5565 2 года назад

    I like this approach !!!

  • @filassiuma5699
    @filassiuma5699 2 года назад

    Nice, liked this approach

  • @adriancaarolli
    @adriancaarolli 2 года назад

    Nice video Dymtro!

  • @adriannlara
    @adriannlara 2 года назад

    you are the best, yes do the other video please!!

  • @sistemasthiago
    @sistemasthiago 2 года назад

    Nice video. I really appreciated this approach!

  • @ajithkamath9824
    @ajithkamath9824 2 года назад

    I really liked this way of explaining the concepts.Please do more videos in this way only☺️

  • @antoniosantana5386
    @antoniosantana5386 Год назад

    Excellent video!

  • @AliMaher2252014
    @AliMaher2252014 2 года назад

    Great explanation 👌

  • @VitaliiPolulikh
    @VitaliiPolulikh 2 года назад

    Great thing. Thanks a lot for your lessons.

  • @demidovmaxim1008
    @demidovmaxim1008 2 года назад

    Thanks friend for this video !!!

  • @sushantkanaujia6192
    @sushantkanaujia6192 2 года назад

    wonderful video; many thanks

  • @milanlucansky5293
    @milanlucansky5293 2 года назад

    This was awesome.

  • @Joseph_David_
    @Joseph_David_ 2 года назад

    This is amazing 🤩, thank you so much.

  • @montonier
    @montonier 2 года назад

    great content as always :)

  • @sachithra
    @sachithra 2 года назад

    Another great video. Yeah! we want to see how to bootstrap two angular applications separately running on the same page. Thank you!

  • @oleksandrvorovchenko8674
    @oleksandrvorovchenko8674 2 года назад

    Great thing! Thanks for bringing it to us! And yep, this approach is better, it always good to know how things work under the hood.

  • @ptu15
    @ptu15 2 года назад +3

    Thanks

    • @DecodedFrontend
      @DecodedFrontend  2 года назад +1

      Wow! Thank you so much for support and your donation :) I think it is my first Super Thanks :D

    • @ptu15
      @ptu15 2 года назад +1

      ​@@DecodedFrontend this idea of invistigation code i great. Can't wait for more Angular under the hood videos

    • @DecodedFrontend
      @DecodedFrontend  2 года назад

      @@ptu15 thanks for letting me know! I will keep it in mind for sure👌🏻

  • @shumilus
    @shumilus 2 года назад

    Thanks! It was very useful! )

  • @eneajahollari1203
    @eneajahollari1203 2 года назад

    We should create a page in the official docs with your videos, explaining what Angular really offers 😎.
    Regarding the approach, it encreases engagement, so yeah, bring more of it 😀

  • @ricardofagmer_
    @ricardofagmer_ 2 года назад

    wow!!! each video is new huge lesson about development, i really appreciate your videos. about the explanation: please do it always.

  • @MarceloLopesS
    @MarceloLopesS 2 года назад

    I've always liked your videos bc they're very detailed and well explained. Keep this source code first approach, it helped me a lot. Thanks!

  • @severinspoerri3036
    @severinspoerri3036 Год назад +1

    Thanks!

  • @armenstepanyan2954
    @armenstepanyan2954 2 года назад

    great video! thanks

  • @rs4267
    @rs4267 Год назад

    Another great video thanks for sharing, yes it will be amazing if you can make a video about " bootsraping multiple app running on the same page "
    PS : i really like your teaching approach, in our job it is highly important to UNDERSAND what is happening behind the scene rather just the solution

  • @acauanpicanco1815
    @acauanpicanco1815 2 года назад

    Hi, congralutions! it is very interesting and useful this way, continue with this type of video, please. could you have more video about angular material theme customization? thanks

  • @nawazsharif7177
    @nawazsharif7177 2 года назад

    i like this type of videos

  • @diego_sabbagh
    @diego_sabbagh 2 года назад +1

    Hi Dmytro, thanks for the explanation! I find this approach way better, but I also understand that sometimes it can be too complicated and the other one is preferred instead. We trust your judgement : )

    • @DecodedFrontend
      @DecodedFrontend  2 года назад +1

      Thanks Diego! :) Yeah, that’s true, sometimes it might confuse more then help. I will be trying to keep the balance ;)

    • @diego_sabbagh
      @diego_sabbagh 2 года назад

      @@DecodedFrontend doing a great job so far 👍

  • @malyna
    @malyna 2 года назад +1

    Thanks, please more source code))

  • @dasvas9383
    @dasvas9383 2 года назад

    Шикарное видео! Формат просто отличный - спасибо тебе большое!

  • @javapraveen8898
    @javapraveen8898 2 года назад

    Best tutor🎉

  • @VladyslavHaidar
    @VladyslavHaidar 2 года назад

    Great Video! Is it possible to create a video about how libraries works? For example, to dive in depth how 'mat-button' change style of button or something in this way. That is for simple example. And also would be interesting something more complex - I know you have a lot of knowledge =)

  • @tamil_selvan-eaets
    @tamil_selvan-eaets 2 года назад

    Yes, It is a good way.

  • @matheusjordan6031
    @matheusjordan6031 2 года назад

    very usefull content, currently i have one app like this, with a "pro" and "basic" versions, and i'm using other strategy to do the same thing, thank you for content!

  • @tarashrynevych1733
    @tarashrynevych1733 2 года назад

    Nice video and great explanation! Looking forward to seeing new videos related to this topic.

  • @CrusaderMen
    @CrusaderMen 2 года назад

    Thank you!

  • @hubert.t4243
    @hubert.t4243 2 года назад

    you are awesome....thanks

  • @innocentmazando3808
    @innocentmazando3808 2 года назад

    Damn man :). You reveal really crazy staff.
    Wish I can employ some of this in the projects to come

  • @saptashwachakrabarti5993
    @saptashwachakrabarti5993 2 года назад

    This video was really insightful.
    Can you please show us how can we embed two different Angular application in a single screen?
    Thanks in Advance. 😊

  • @bjfviheoiv
    @bjfviheoiv 2 года назад

    great approch

  • @KiknadzeTemo
    @KiknadzeTemo 2 года назад

    Great stuff!
    You have very good skills to expressing your thoughts 👌

  • @OscarAndresPabonEstrella
    @OscarAndresPabonEstrella 2 года назад

    As always very powerfull inputs, thankyou very much for all your videos are really something that I enjoy. I plan at the future to appear in angular google experts as you :)

  • @SamiullahKhan
    @SamiullahKhan 2 года назад

    I like this approach when you dig deep but also come up with some use case. The official suppose to be generic, that's why I don't see good analogies there when explaining complex topics.

  • @86sdi
    @86sdi 2 года назад

    Yep, source code in the first place 👍

  • @cemsaglam1696
    @cemsaglam1696 2 года назад +4

    Very nice video, thank you! Very good to know.
    I'm curious about a use case for this. I'm imagining something like, for example, for a gym application where trainers, customers and managers have different user interfaces/dashboards etc., we could in theory have 3 different applications and bootstrap the correct application according to the role assigned to the user (for instance). I don't know if this would come with any benefits like not loading unnecessary components (sort of a lazy loading), but I'd be curious to hear everyone's insight on it.
    Thank you for your time!

  • @Krakonos15
    @Krakonos15 2 года назад

    Great video :) Maybe in one of the future videous you can explain something about module federation. Its quite a interesting and demanding theme

  • @ivanco_s
    @ivanco_s 2 года назад

    💙💛 Very useful and informative vidio 💙💛

  • @NYProDev
    @NYProDev 2 года назад

    you are awesome.

  • @dynamica1
    @dynamica1 2 года назад +1

    Дякую за відос! Ще було б дуже круто якби було круте відео про zone.js.

    • @DecodedFrontend
      @DecodedFrontend  2 года назад

      Хм… так, це має бути цікаво) дякую за ідею👍🏻

    • @dynamica1
      @dynamica1 2 года назад

      @@DecodedFrontend дякую за відгук на відгук))

  • @loko1944
    @loko1944 2 года назад

    Very interesting feature, but what I missed is explanation why we would do so much hassle. If everything acts like one application then what is the benefit over having some ngif containers within app.component. Maybe this solution is more elegant, but I don't see benefits. Would love to see some use cases

  • @frontend3409
    @frontend3409 2 года назад +1

    I like every approach, because your examples are great and you have a gift for explaining Angular's stuff good :) I really adore going deeper into Angular's source code and good diagrams (like those in DI hierarchy). But yeah, approach in this video is great. I think you can carry on with that.
    So, we're counting to 800 to get a video about making different applications (it will be in angular.json file, right?), maybe you'll cover some topic about nx monorepo (you've used some library nx console in some of your previous video), webpack module federation, nx or other microfrontends.
    What's interesting for me - in Angular world we see ofter factory keyword. In fact, since AngularJS there is a factory. What exactly does it mean? Is it about the factory design pattern?
    I don't like that in Angular source code they're not using types. In 504 line, of _moduleDoBootstrap we don't know what type the appRef is. Did they forgot to do the type? lol
    How the hook of module ngDoBootstrap is accessible in module without implementing the DoBootstrap interface? Also, i've seen that sometimes components doesn't need to implement OnChanges interface and you can add ngOnChanges and use it, how does it work, is it some tsconfig.json property? Which one?
    Great content, i bought one of your courses and i hope i'll buy more of it.

  • @AlphaFrog1021
    @AlphaFrog1021 2 года назад

    Please create Jest Angular testing tutorial

  • @miteshsagar8149
    @miteshsagar8149 Год назад

    Awesome

  • @oranaki7
    @oranaki7 2 года назад

    great video!
    love the deep investigating!!
    have a question,
    How we can use the DoBootstrap in standalone component(without the appModule)?

  • @imp7q
    @imp7q 2 года назад

    Дмитро, формат пояснення з написання поліфілу і переходу до готового рішення має бути продовженим. Можливо, не варто зосереджуватись на одному способі, бо можна пояснити обома способами і кожен знайде більш зручне пояснення. Також, було б круто, якщо б ти створив курс по Ангуляру на українській мові. Мені здається, це досить сильно допоможе нам розвинути айті-сферу в Україні. Якщо буде цікаво, можемо детальніше обговорити і створити щось разом.

  • @andrusaru
    @andrusaru 2 года назад

    Thanks for the video, really appreciate your lessons. Whanted to ask a use case for this as we can do the same logic in the app.component which is root component and then decide what to load next using all angular features.