WeAreDevelopers LIVE • Dec 1, 2020

Hello generics, goodbye boilerplate!

Miroslav Jonaš

Is your enterprise codebase drowning in repetitive boilerplate? Learn how TypeScript generics eliminate copy-pasted NgRx patterns, drastically reduce code volume, and build scalable frontend architectures.

Pause

Mute

Enter Fullscreen

#1 about 7 min

Redundancy in code and the boilerplate problem

How recurring architectural patterns lead to repetitive boilerplate code in large applications.

#2 about 3 min

Enterprise architecture and state management setup

How standardizing state management across enterprise Angular applications introduces boilerplate overhead.

#3 about 3 min

Understanding the NgRx state management flow

A breakdown of the NgRx redux-style flow handling state, actions, reducers, and asynchronous effects.

#4 about 5 min

Demonstrating state management in a practical application

Tracing the synchronous and asynchronous state flow using a practical web application example.

#5 about 3 min

Identifying and reducing boilerplate in NgRx actions

How standard NgRx action implementations generate massive amounts of repetitive boilerplate.

#6 about 5 min

Introduction to TypeScript generics for type safety

How TypeScript generics enable type-agnostic but strongly typed reusable functions.

#7 about 3 min

Applying generics to custom action definitions

Using a base action class with generic payload parameters to minimize action declaration code.

#8 about 7 min

Automating reducers with generic group factories

Creating group reducers to automatically handle repetitive loading, success, and failure states.

#9 about 7 min

Refactoring NgRx effects using generic creators

Designing generic effect functions to abstract away repetitive switch mapping and error handling.

#10 about 4 min

Eliminating boilerplate in general application code

Extending the use of TypeScript generics to optimize common app structures like pagination records.

Matching moments

7:21 min

Integrating the NgRx architecture for global state management

Indu Chaube · LIVE

3:24 min

Introduction to building reusable Angular components

Valentine Awe · World Congress 2022

9:46 min

Questions on architecture typing and team organization

Trishul Goel · JS Congress

2:11 min

Comparing JavaScript variables to TypeScript type annotations

Peter Kröner

Peter Kröner · World Congress 2022

1:23 min

Refactoring and porting legacy code to new languages

Markus Walker

Markus Walker · World Congress 2023

2:28 min

Exploring the benefits of type safety and TypeScript migration

Chris Heilmann +2 · LIVE

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail

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

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 Cieślak thumbnail

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

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail

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

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

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

Chris Heilmann, Daniel Cranney, Marc Plogas

Upcoming sessions on this topic

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 at Meta

Shubham Chaurasia

World Congress 2026 North America

September 24, 2026 · 14:10–14:40

Stage 9

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Bartosz Leczycki, Paweł Matynia

Bartosz Leczycki

Paweł Matynia

World Congress 2026 North America

September 24, 2026 · 16:50–17:20

Stage 1

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer

World Congress 2026 North America

September 24, 2026 · 14:50–15:20

Stage 9

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo

World Congress 2026 North America

September 25, 2026 · 12:20–12:50

Stage 9

Designing APIs That Survive AI Agents at Scale

Phani Pendurthi

Mastercard, Principal Software Engineer

Phani Pendurthi

World Congress 2026 North America

September 25, 2026 · 15:30–15:40

Outdoor Stage

Offloading IoT State: Solving the Memory Crisis on Legacy Hardware

Pravin Nagare

Senior Software Engineer, Roku

Pravin Nagare

Related videos

NgRx Tips for Future-Proof Angular Apps thumbnail

LIVE • over 4 years ago

NgRx Tips for Future-Proof Angular Apps

Marko Stanimirović

Building software that scales with Typescript thumbnail

World Congress 2022 • over 4 years ago

Building software that scales with Typescript

Tal Joffe

Practice makes perfect - when it comes to RxJS thumbnail

LIVE • over 6 years ago

Practice makes perfect - when it comes to RxJS

Jan-Niklas Wortmann

Meet Your New BFF: Backend to Frontend without the Duct Tape thumbnail

LIVE • almost 3 years ago

Meet Your New BFF: Backend to Frontend without the Duct Tape

Noam Honig

How to Create New RxJS Operators thumbnail

LIVE • almost 3 years ago

How to Create New RxJS Operators

Mohammad-Ali A'râbi

Where we're going we don't need JavaScript - Programming with Type Annotations thumbnail

World Congress 2022 • over 4 years ago

Where we're going we don't need JavaScript - Programming with Type Annotations

Peter Kröner

Related articles

DC

Daniel Cranney

Exploring TypeScript: Benefits for Large-Scale JavaScript Projects

JavaScript is the backbone of web development, powering everything from small websites to large-scale enterprise applications. However, as projects grow in complexity, maintaining JavaScript code c...

over 1 year ago

Dev Digest 108 - Git off my cloud!

Welcome to another edition of the WeAreDevelopers Dev Digest. This time we have an interview with Sead Ahmetovic, CEO of of WeAreDevelopers and Scott Chacon, co-Founder of GitHub. They talk about c...

over 2 years ago

Dev Digest 108 - Git off my cloud!

CH

Chris Heilmann

Dev Digest 136 - No JS(on) of mine

News and ArticlesDouglas Crockford is our featured video, so let's talk about evolving JavaScript and all things JSON. Judicious JSON explains all the weird things in it, you can learn why it can b...

almost 2 years ago

Dev Digest 136 - No JS(on) of mine

CH

Chris Heilmann

Dev Digest 120 - Apple and peers

Hello fellow developer, yes, yes, yes, Apple announced a ton of things last week, so much so that you can't escape the announcements, which is why we won't cover them here. Instead, here are some i...

over 2 years ago

Dev Digest 120 - Apple and peers

From learning to earning

Jobs that call for the skills explored in this talk.

Senior Software Engineer, Angular

Barcelona, Spain

Remote Backend Caching ReactJS

Frontend Engineer

Berlin, Germany

Expert €80k–140k NestJS ReactJS TypeScript

about 2 months ago

Senior Software Engineer, Angular (B2C Web Platform)

Remote Backend Caching ReactJS

Senior Software Engineer, Angular (B2C Web Platform)

Remote Backend Caching ReactJS

about 2 months ago

Senior Software Engineer, React (Websites & Martech)

Remote Next.js ReactJS Backend

24 days ago • Verified

Sr Product Experience Designer

Detroit, United States

Expert Remote CSS HTML React