Schematics: Generating custom Angular Code with the CLI
Schematics: Generating custom Angular Code with the CLI
Minimum price
Suggested price
Schematics: Generating custom Angular Code with the CLI

This book is 98% complete

Last updated on 2018-08-23

About the Book

Besides creative aspects, programming also involves performing boring repeating tasks. Some of them can be solved by creating reusable libraries. For the rest, we can leverage code generation. This is what this book is about. It shows how to make use of Schematics, the code generator behind the Angular CLI to generate custom Angular code. Using an example, you will learn how to scaffold a new Schematics project, how to work with templates and how to manipulate existing code.

About the Author

Manfred Steyer
Manfred Steyer

Manfred Steyer is a trainer and consultant with focus on Angular. He regularly speaks at conferences and Google recognizes him as a Google Developer Expert (GDE). Furthermore, Manfred wrote for O'Reilly, Microsoft Press, the German Java Magazine and windows.developer.

Since he started with web development in the late 90s, he worked as a team lead in the area of web based software projects and taught at an university of applied sciences. Manfred blogs at []( where you can also lookup the provided (In-House) trainings and consultancy services.

Table of Contents

  • Introduction
    • Used Version
    • Angular Labs Project means Changes ahead!
    • BETA-Book
    • Help to improve this book
    • About the Author
    • Acknowledgments
  • Generating Custom Code with the Angular CLI and Schematics
    • Goal
    • Scaffolding a Collection for Schematics … with Schematics
    • Adding an custom Schematic
    • Schematic Factory
    • Templates
    • Building and Testing with a Sample Application
  • Modifying NgModules
    • Goal
    • Utility Functions provided by the Angular CLI
    • Creating a Rule for adding a declaration to an NgModule
    • Extending the used Options Class and its JSON schema
    • Calling the Rule
    • Testing the extended Schematic
  • Extending existing Code with TypeScript’s Compiler API
    • Walking a Syntax Tree with the TypeScript Compiler API
    • Providing Key Data
    • Adding a new constructor
    • Adding a constructor argument
    • Deciding whether to create or modify a Constructor
    • Putting all together
    • Adding Rule to Schematic
    • Testing the extended Schematic
  • Frictionless Library Setup with the Angular CLI and Schematics
    • Goal
    • Getting Started
    • Adding an ng-add Schematic
    • Adjusting the Build Script
    • Test the Schematic Directly
    • Test the Schematic via an npm Registry
    • Extend our Schematic
    • Conclusion
  • Seamlessly Updating your Angular Libraries with ng update
    • Introducing a Breaking Change
    • Creating the Migration Schematic
    • Configuring the Migration Schematic
    • Test, Publish, and Update
    • Updating the Library

The Leanpub 45-day 100% Happiness Guarantee

Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

See full terms...

Write and Publish on Leanpub

Authors, publishers and universities use Leanpub to publish amazing in-progress and completed books and courses, just like this one. You can use Leanpub to write, publish and sell your book or course as well! Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks. Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. It really is that easy.

Learn more about writing on Leanpub