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 · World Congress 2022

42 sec

Installing and configuring Angular CDK via schematics

Muhammad Ahsan Ayaz · World Congress 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 · World Congress 2021

2:18 min

Bootstrapping new language projects via CLI generators

Miro Spönemann · World Congress 2022

More from WeAreDevelopers LIVE

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
4 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
9 days ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers - Of Agents and Robots thumbnail
1:04:42
9 days ago

WeAreDevelopers - Of Agents and Robots

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers LIVE - How DevRel Makes Tech More Human thumbnail
48:06
16 days ago

WeAreDevelopers LIVE - How DevRel Makes Tech More Human

Chris Heilmann, Daniel Cranney

Fake or News: Smart Glasses in Court, Medical Advice Watches & Mushroom Electonics - Jason Torres thumbnail
7:41
17 days ago

Fake or News: Smart Glasses in Court, Medical Advice Watches & Mushroom Electonics - Jason Torres

Chris Heilmann, Daniel Cranney

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

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

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 24, 2026 · 12:50–13:20

Stage 7

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

September 25, 2026 · 11:00–11:30

Stage 7

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

September 25, 2026 · 12:55–13:25

Stage 7

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

September 24, 2026 · 11:00–11:30

Stage 6

Accelerating development and managing agents with the GitHub Copilot app

Christopher Harrison

Senior Developer Advocate, GitHub

Christopher Harrison
Open session

World Congress 2026 North America

September 24, 2026 · 15:30–16:00

Stage 7

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

September 24, 2026 · 16:00–18:00

Stage 12

Agentic coding with GitHub Copilot CLI

Christopher Harrison

Senior Developer Advocate, GitHub

Christopher Harrison

Related videos

Angular Magical directives thumbnail
29:11
World Congress 2022 • about 4 years ago

Angular Magical directives

Valentine Awe

Angular Features You Should be Using thumbnail
36:22
World Congress 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
World Congress 2023 • about 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 • almost 5 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.