liveBook · Manning

UI library

As explained in Pro Angular 16

A component library is a reusable collection of user-interface components for application development.

A UI library is a reusable package of Angular components and directives for commonly required interface features such as buttons, tables, and layouts. It reduces custom template and component work, helping applications develop faster and maintain a consistent appearance. section 28.0

Adopt a UI library when its conventions fit the application:

  • Assess its data, markup, and structural conventions before adopting it, because customization can be difficult. section 7.4

Installing and integrating Angular Material

Install Angular Material with `ng add @angular/material@16.0.0 --defaults`, create a module that exports the selected Material features, and import that module into the relevant Angular feature module. Add features to the shared selection as the administration interface grows.

How Pro Angular 16 covers it

How deep it goes
Covers installation, feature selection, integration, and theming, but stops short of detailed library API coverage.
Examples
Uses Angular Material buttons, tables, layouts, installation commands, feature modules, and an administration interface.
What it assumes
Assumes Angular project familiarity while treating library features as components and directives used like custom ones.
What you can do after
Operate/configure Angular Material by installing its package, selecting features, integrating a module, and applying library styles.
How it connects
Ties Angular components and directives to CSS, Sass, themes, and Material Design.

Also explained in

Compare how 3 books explain UI library →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Pro Angular 16. The section links point to the parts of the book it draws on.