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

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
12 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
19 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
21 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
26 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
28 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
about 1 month ago

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

Chris Heilmann, Daniel Cranney, Marc Plogas

Related videos

Angular Magical directives thumbnail
29:11
World Congress 2022 • over 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.