Creating Angular Libraries
1h 26mAdvanced2025-06-25
Authors

Derek Peruo
Angular.js Architect
Course details
Unlock the full potential of Angular development with this advanced course on creating reusable Angular libraries. Designed for senior software engineers and technical leads, this course focuses on building custom components, services, and pipes to seamlessly interface with consuming applications. It covers designing scalable libraries, streamlining builds, and automating workflows. It also delves into publishing strategies to tackle the challenges of multi-team, high-stakes projects. With hands-on examples hosted in a GitHub Codespace, this course equips learners with the tools to achieve efficiency, consistency, and scalability when it’s needed most.
Learning objectives
Design reusable components, services, and pipes within an Angular library that can seamlessly integrate into multiple applications, addressing the growing need for consistency and maintainability across projects.
Configure Angular's build process to support custom deployment pipelines and multiple security credentials, ensuring projects stay secure and deployment-ready under tight deadlines.
Test an Angular library package for compatibility with multiple applications, reducing integration risks and minimizing downtime for development teams.
Publish an Angular library to a private or public npm registry, ensuring proper versioning, documentation, and accessibility to accelerate adoption and collaboration across teams.
Learning objectives
Design reusable components, services, and pipes within an Angular library that can seamlessly integrate into multiple applications, addressing the growing need for consistency and maintainability across projects.
Configure Angular's build process to support custom deployment pipelines and multiple security credentials, ensuring projects stay secure and deployment-ready under tight deadlines.
Test an Angular library package for compatibility with multiple applications, reducing integration risks and minimizing downtime for development teams.
Publish an Angular library to a private or public npm registry, ensuring proper versioning, documentation, and accessibility to accelerate adoption and collaboration across teams.
Skills covered
AngularAdvancedFront-End Web DevelopmentWeb DevelopmentOpen Source
Concepts
0. Introduction
- 01 - Simplify collaboration across complex projects
- 02 - What you should know
- 03 - Using the example code and Codespaces
- 04 - Application overview
1. Overview of Angular Libraries
- 05 - Creating a new custom library
- 06 - Overview of the Angular package format
- 07 - Project file and folder structure
- 08 - Entrypoints and code splitting
- 09 - Configuring library environments
- 10 - Publishing your library
2. Core Building Blocks
- 11 - Stateless components
- 12 - Pure pipes
- 13 - Tree-shakeable providers
- 14 - Internationalization
- 15 - Directive composition
- 16 - Gain more control with Angular refs
- 17 - Testing and debugging Angular libraries
- 18 - Coding challenge
- 19 - Solution
3. Performance Optimizations
- 20 - Common configuration tweaks
- 21 - Skipping change detection on component subtrees
- 22 - Component view encapsulation
- 23 - Isolating injectors within hierarchies
- 24 - Optimizing slow computations
- 25 - Avoiding zone pollution
- 26 - Angular without Zone.js (zoneless)
- 27 - Make components portable with Angular Elements
- 28 - Coding challenge
- 29 - Solution
4. Angular Schematics
- 30 - Angular schematics overview
- 31 - Angular schematics configuration
- 32 - Local development for Angular schematics
- 33 - Angular schematics factory functions
- 34 - Coding challenge
- 35 - Solution
Conclusion
- 36 - A deeper look at Angular