Angular Features You Should be Using

Is your Angular app using its full toolbox? Learn powerful but overlooked features like component inheritance and differential loading to build better enterprise applications.

#1about 4 minutes

Understanding Angular's all-in-one framework approach

Angular provides a complete suite of tools out of the box, making it a mature and robust choice for enterprise-level applications.

#2about 4 minutes

Simplifying builds with environment configurations

Use the Angular CLI and angular.json to easily manage and swap environment-specific variables for development, staging, and production builds.

#3about 3 minutes

Reusing component logic with component inheritance

Inherit class logic from a base component using the `extends` keyword, allowing for code reuse without sharing templates or styles.

#4about 3 minutes

Modifying requests globally with HTTP interceptors

Intercept and modify all inbound or outbound HTTP requests to automate tasks like adding authorization headers or logging analytics.

#5about 5 minutes

Improving performance with differential loading

Angular automatically creates separate ES5 and ES6 bundles, serving smaller, modern code to new browsers while maintaining support for older ones.

#6about 3 minutes

Loading components dynamically on demand

Go beyond route-based lazy loading by dynamically fetching and rendering individual components at runtime to improve initial load performance.

#7about 5 minutes

Building powerful forms with reactive forms

Leverage reactive forms to manage complex form state, apply synchronous and asynchronous validators, and create a more dynamic user experience.

#8about 7 minutes

Answering questions on advanced Angular topics

The speaker addresses questions about reducing framework overhead, handling Docker environments, building multi-tenant apps, and template inheritance.