NgDoBootstrap is a lifecycle hook in Angular that allows you to customize the bootstrapping logic of your Angular Application. It is executed if no component is provided in the bootstrap array in the AppModule and delegates the bootstrap logic to you. In this video, we will come to this feature by investigating the source code of Angular and see this lifecycle hook in action. I hope you will learn something new today! Enjoy watching :)
💥 Angular courses made by Dmytro - https://bit.ly/df-courses 💥
✂️ Use coupon YOUTUBE_DISCOUNT to get a 10%-off discount ✂️
🕒 Time Codes:
00:00:00 - Intro;
00:00:32 - The feature we gonna implement?
00:03:35 - Internals of bootstrapping process;
00:05:39 - Bootstrapping Multiple Root Components;
00:07:20 - Continue to investigate the Source Code;
00:08:17 - ngDoBootstrap Hook in Action;
00:15:22 - Outro;
🔗 Source code on GitHub (init state on the master branch):
https://github.com/DMezhenskyi/angular-do-bootstrap
💡 Short Frontend Snacks (Tips) every week here:
Twitter - https://twitter.com/DecodedFrontend
Instagram - https://www.instagram.com/decodedfrontend
LinkedIn - https://www.linkedin.com/in/dmezhenskyi
#angular #angular14 #angularadvanced #ng