schematics - inDepth.dev

Different ways to run schematics from another schematics

When we create schematics, we sometimes face a situation where we want to run other existing schematics from the same or external collection. In this article we will learn how to do it.

angular

Extend Angular Schematics to customize your development process

Have you ever realized that you often repeat the same patterns across multiple files? Creating schematics that override well-known Angular schematics, designing them based on project needs will enhance your development and reduce time spent on generating files.

angular

Migrate from .CSS to .SCSS stylesheets for an existing Angular project

A quick guide to using SCSS in an Angular application that was scaffolded to use the default stylesheet format.

angular

Speed up your Angular schematics development with useful helper functions

Angular CLI schematics offer us a way to add, scaffold and update app-related files and modules. In this article I will guide you through some common but currently undocumented helper functions you can use to achieve your goal.

angular

Angular Schematics from 0 to publishing your own library (IV)

Schematics are a great tool to standarize patterns, enforce best practices, and make sure repositories across large organizations, by automating certain implementations. We have extensively discussed this in previous posts, but now we will demonstrate this in practice.

angular

Angular Schematics from 0 to publishing your own library (I)

In this series of posts we will acquire the necessary knowledge to write a first schematic, extend them, validate them and publish them to npm with ng-add support!

angular

Angular Schematics from 0 to publishing your own library (III)

In the previous posts we read an overview of what schematics are and what they're used for, the important vocabulary to follow the next posts, as well as a quick reference to the most important and useful methods from the Schematics API.

angular

Angular Schematics from 0 to publishing your own library (II)

In this second post, we will explore some of the most useful methods of the Schematics API. It definitely offers a lot of functions and utilities, to transform our Angular workspace.

angular

Code-sharing made easy in a full-stack app with Nx, Angular, and NestJS

In this article, we'll combine Angular and NestJS while building a journal app and learn how to take advantage of code sharing in a Nx monorepo

angular

Create your Angular unit test spies automagically

Creating a mock for unit testing is both necessary and tedious. Let's try and automate that away.

angular

Overriding Angular Schematics

Last week I was working on an Angular Library, and in all the components we wanted to have encapsulation set to None and changeDetection to OnPush. We also wanted to add all components and directives to exports. Let's see how we can achieve this without writing any code.