Create & Publish Angular Libs like a PRO

on YouTube ↗28m

" summary

Builds a reusable tabs library, compiles TypeScript with ngc, bundles with Rollup into ESM/UMD and minified output, and publishes the dist folder to npm. Uses ng packager to automate inlining and packaging, a NX workspace for local dev and live-reload linked testing, and follows the Angular package format so tools can tree-shake and optimize. Demos run, unit tests pass (5 tests), and automated semver plus CI publishing is recommended.

AI-written summary · about

" chapters (13)

1. 0:00Intro
2. 0:38Healthy.
3. 1:27Quality?
4. 2:14Statically analyzable Tree shakeable Dead code elimination
5. 2:52In Practice
6. 4:54support tools bundle size build time
7. 10:20Development Workflow
8. 17:24Looking AHEAD
9. 17:55Scale-tested inside Google, parallelization, remote execution
10. 19:19Demo Time
11. 22:36What about Publishing?
12. 23:00AUTOMATE (VERSIONING & DEPLOYMENT)
13. 25:42AOT & TypeScript friendly • Optimize for different tooling Angular Package Format (ESM2015, ESMS, FESM), • Use Semantic Versioning • Write Tests & Automate!

" related talks

• 30mCreate and publish Angular libs like a ProJuri Strumpflohner · NG-BE 2017
• 24mPackages for AngularManfred Steyer · Ng-Poland 2017
• 22mConfiguring Angular Libraries with MonoreposNishu Goel · EnterpriseNG 2020
• 28mPackaging AngularJason Aden · ng-conf 2017
• 26mAngular Libraries: from zero to Open SourceWilliam Grasel · NG Bolivia 2019
• 40mDriving Your JavaScript Library Ecosystem With NxChau Tran · JetBrains JavaScript Day 2024
• 01h 52mWriting A Custom Angular BuildSteve Belovarich · NGConf 2018
• 01h 55mDiY Angular CompilerUri Shaked · ng-conf 2017