@angular-package/component-loader NPM

angular-package

The angular-package supports the development process of angular-based applications in varied ways through the thoughtful, reusable, easy-to-use small pieces of code called packages.

docs.angular-package.dev

Packages

Package	Description	Status
callback	Manages the callback `function`.
change-detection	Improves application performance.
component-loader	Handles dynamic loading components.
core	Core features.
error	Manages an `Error`.
name	The name with prefix and suffix.
preferences	Preferences, settings, options, configuration and setup in steps.
prism	`Prism` highlighter module.
property	Handles object properties.
range	The range between a minimum and maximum.
reactive	Automatize the process of creating some rxjs features.
storage	The storage of data under allowed names.
tag	Any tag with optional attributes.
testing	Support for testing other packages.
text	Text on the template with replaceable tags.
type	Common types, type guards, and type checkers.
ui	Configurable user interface.
wrapper	Wrap the text with the opening and closing chars.

Click on the package name to visit its GitHub page.

angular-package/component-loader

Handles dynamic loading components.

Documentation

For the detailed documentation go to https://component-loader.angular-package.dev

Skeleton

The package was generated by the library skeleton which was generated with Angular CLI 13 version. Copy package to the packages/component-loader folder of the library skeleton then run the commands below.

Code scaffolding

Note: Don't forget to add --project component-loader or else it will be added to the default project in your angular.json file.

Build

Run ng build component-loader to build the package. The build artifacts will be stored in the dist/component-loader directory.

Publishing

After building your library with ng build component-loader, go to the dist folder cd dist/component-loader and run npm publish.

Running unit tests

Before the test can be performed install @angular-package/testing and @angular-package/type with command:

npm i @angular-package/testing @angular-package/type --no-save

Run ng test component-loader to execute the unit tests via Karma.

Installation

Install @angular-package/component-loader package with command:

npm i @angular-package/component-loader --save

Api

import {
  // Class.
  ComponentLoader,
  ComponentLoaderService,
  // Decorator.
  LoadComponent,
  // Interface.
  LoadComponentConfig
} from '@angular-package/component-loader';

Changelog

The changelog of this package is based on keep a changelog. To read it, click on the CHANGELOG.md link.

A changelog is a file which contains a curated, chronologically ordered list of notable changes for each version of a project. - keep a changelog

GIT

Commit

Versioning

Semantic Versioning 2.0.0

Given a version number MAJOR.MINOR.PATCH, increment the:

MAJOR version when you make incompatible API changes,
MINOR version when you add functionality in a backwards-compatible manner, and
PATCH version when you make backwards-compatible bug fixes.

Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.

FAQ How should I deal with revisions in the 0.y.z initial development phase?

The simplest thing to do is start your initial development release at 0.1.0 and then increment the minor version for each subsequent release.

How do I know when to release 1.0.0?

If your software is being used in production, it should probably already be 1.0.0. If you have a stable API on which users have come to depend, you should be 1.0.0. If you’re worrying a lot about backwards compatibility, you should probably already be 1.0.0.