Angular Tabs - Demo Library

by Juri Strumpflohner · https://juristr.com/blog

WARNING: This is not a production ready library, but rather just an example to showcase how to release custom Angular libraries.

This repo is meant to demonstrate the creation of an Angular library, following the Angular Package Format.

Contents

So what's in this repo?

• setup with ng-packagr (master) - the master branch shows the suggested approach, namely to setup your library with ng-packagr.
• NX workspace setup (with-demoproj-setup) - Setup that shows how you can use Nrwl/NX to setup a nice workspace containing a library project and demo it straight away.
• Building libraries with Bazel (bazel) - This branch shows how to use Bazel to generate an Angular package.
• manual setup (manual-setup) - the manual-setup branch on the other hand, demonstrates how to assemble the different tooling in order to get a manual setup with simple npm scripts that are being executed one after the other. This allows for full flexibility and serves for educational purposes, to learn how things are done behind the scenes. This is a slightly improved version of the talk given at NG-BE (see link below).

Useful links

Angular Package Format v5.0, design document at Google Docs

Talks

Create and publish Angular libs like a Pro (March 2018) - Juri Strumpflohner at ngVikings, demoing building Angular libraries with ng-packagr, with NX as well as Bazel (30min talk) (Slides)

Packaging Angular Libraries (Jan 2018) - Jason Aden at Angular Mountain View Meetup (45min talk)

Create and publish Angular libs like a Pro (Dec 2017) - Juri Strumpflohner at NG-BE (30min talk) (Slides)

Packaging Angular (April 2017)- Jason Aden at ng-conf 2017 (28min talk)

Bugs, questions,...

Open an issue here on the repo or simply reach out to me on Twitter 😃