WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE β€’ Mar 25, 2021

Generating code with Angular schematics

Stanimira Vlaeva

Stop writing fragile bash scripts for code generation. Angular Schematics leverages a virtual file system to safely automate complex scaffolding and atomic updates across any JavaScript codebase.

Pause
Mute Enter Fullscreen
#1 about 2 min

Understanding the basics of Angular schematics

An overview of schematics as a template-based code generator for project transformation.

#2 about 2 min

Scaffolding common components and repeating building blocks

How built-in commands eliminate repetitive boilerplate configuration for new files and modules.

#3 about 4 min

Automating library integration and feature setup

Simplifying advanced configuration steps by registering dependencies and integrating features seamlessly.

#4 about 2 min

Handling framework upgrades and breaking changes

Using built-in updates to safely transition structural codebases across major framework releases.

#5 about 2 min

Exploring independent schematic collections for different frameworks

Why schematic libraries are framework-agnostic and how to leverage open-source distributed collections.

#6 about 4 min

Understanding the core advantages of deploying schematics

Creating robust generation scripts using atomic transactions on a virtual file system.

#7 about 3 min

Getting started with the Angular schematics CLI

Setting up an initial collection and running basic scripts using the blank template generator.

#8 about 3 min

Understanding the role of trees and functional rules

The architectural concepts behind capturing a project snapshot and applying recursive functional transformations.

#9 about 2 min

Passing runtime options and handling log messages

Passing execution context variables and printing structured debugging messages globally.

#10 about 2 min

Creating and moving project files with virtual operations

Executing fundamental file system tasks programmatically to instantiate directories efficiently.

#11 about 3 min

Composing multiple schematic scripts into chaining operations

Composing internal and external collections strategically using the standard chaining rule factor.

#12 about 7 min

Generating boilerplate file configurations using parameterized templates

Defining interpolatable source snippets and merging parameterized models directly into targeted local directories.

#13 about 2 min

Modifying the structure and content of existing files

Locating entry point files programmatically to overwrite and customize the layout precisely.

#14 about 2 min

Executing an automated layout replacement with a local script

A short demonstration showcasing an automated local deployment from default templates to structured configurations.

#15 about 2 min

Finding reference materials and community documentation links

Exploring additional repositories and official online resources for refining component migration abilities.

Matching moments

4:03 min

Generating angular applications from basic flow configurations

Jochen Supper +1 Β· WWC 2022

42 sec

Installing and configuring Angular CDK via schematics

Muhammad Ahsan Ayaz Β· WWC 2021

8:34 min

Exploring Angular component patterns and upcoming framework updates

Benedikt Starzengruber Β· LIVE

4:34 min

Adopting Angular source code quality and version best practices

Indu Chaube Β· LIVE

4:33 min

Overview of the Angular development platform

Muhammad Ahsan Ayaz Β· WWC 2021

2:18 min

Bootstrapping new language projects via CLI generators

Miro SpΓΆnemann Β· WWC 2022

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

The spectrum of agentic coding: From vibe coding to high-quality software engineering

YK Sugi

Developer Experience Manager at Eventual

YK Sugi
Open session

World Congress 2026 North America

Beyond Vibe Coding: Using CLI Tools as Your AI Counterpart in Pair Programming

Ron Veen

Java enthusiast and Special agent for Team Rockstars IT

Ron Veen
Open session

World Congress 2026 North America

Merging at Scale: From Broken Builds to Green Mainline

Manjari Akella, Preetam Dwivedi

Manjari Akella
Preetam Dwivedi
Open session

World Congress 2026 North America

DeepAgents: Build Multi-Agent AI Systems That Actually Work

Anagha Rumade, Anjana Umapathy, Apoorva Jaiswal

Anagha Rumade
Anjana Umapathy
Apoorva Jaiswal

Related videos

Angular Magical directives thumbnail
29:11
WWC 2022 β€’ about 4 years ago

Angular Magical directives

Valentine Awe

Angular Features You Should be Using thumbnail
36:22
WWC 2021 β€’ about 5 years ago

Angular Features You Should be Using

Sani Yusuf

On tour with heroes == Moving from Angular to WebComponents thumbnail
43:08
LIVE β€’ almost 6 years ago

On tour with heroes == Moving from Angular to WebComponents

Benjamin Glusa

Stand alone components in Angular thumbnail
28:11
WWC 2023 β€’ almost 3 years ago

Stand alone components in Angular

Valentine Awe

Let's build a VS Code extension for automated refactorings thumbnail
1:40:08
JS Congress β€’ over 4 years ago

Let's build a VS Code extension for automated refactorings

Nicolas Carlo

Angular tips/tricks you can use from tomorrow on thumbnail
50:28
LIVE β€’ over 4 years ago

Angular tips/tricks you can use from tomorrow on

Benedikt Starzengruber

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.