Angular

What are angular packages

February 08, 2023

 In Angular, packages refer to collections of reusable code that extend Angular’s functionality. These packages are usually installed via npm (Node Package Manager) and can include core Angular modules, third-party libraries, or custom-built features.

Types of Angular Packages

Core Angular Packages (Maintained by Angular)

  • @angular/core → Core framework functionalities
  • @angular/common → Common utilities like directives and pipes
  • @angular/router → Routing and navigation
  • @angular/forms → Template-driven and reactive forms
  • @angular/animations → Animation support
  • @angular/http / @angular/common/http → HTTP client module
  • @angular/platform-browser → Browser-specific functionalities
  • @angular/platform-browser-dynamic → Runtime compilation for JIT (Just-In-Time) compilation

Third-Party Packages (Community and Vendor Supported)

  • rxjs → Reactive programming with observables
  • ngx-bootstrap → Bootstrap components for Angular
  • @ng-bootstrap/ng-bootstrap → Another Bootstrap component library
  • ngrx/store → State management (Redux pattern)
  • angular-material → Google's Material Design components
  • primeng → UI components for enterprise applications

Utility Packages

  • lodash → Utility functions for arrays, objects, and strings
  • moment or date-fns → Date and time manipulation
  • chart.js / ngx-charts → Charting libraries for data visualization

Custom Angular Packages

  • You can create and publish your own Angular package as an npm module.
  • Custom-built Angular libraries (e.g., shared components, utility services).

How to Install Angular Packages?
  • Packages are installed using npm: npm install <package-name>
  • npm install @angular/material
  • npm install rxjs