Angular Internals

Angular does a lot of the heavy lifting of building a web app for us. But how does it work under-the-hood? And how can we optimize our apps better?

Angular's capabilities are often so powerful they can feel like magic. But no code I've ever run into truly runs on magic; just good architecture.

With this in mind, can we dissect Angular's most powerful features down to the actual source code of Angular, making sure we understand what each line of code does along the way?

Let's dive in and learn how to improve our apps with this insider's knowledge along the way.

  • View profile
    Corbin is a staff software engineer with a passion for helping others. 💜 They're focused on ensuring that learning is open and fun. 🦄 They blog, livestream, code, and more to reach those goals to help others! 💅

Chapter listing

  1. Learn how templates work in Angular. From the basics to being able to read Angular source code and write your own structural directives

  2. Reactivity is core to JavaScript frameworks; changing data should cause a re-render. How does this work in Angular? Let's dive into the Angular source code to see.

  3. In the future Angular will not have Zone.js enabled by default and will not need it for change detection. But how will that work in a technical sense?

  4. Let's dive into the timings for Angular's lifecycle methods and effect APIs. We'll even be reading a fair amount of Angular source code to explain it all.