Miroslav Jonaš

Hello generics, goodbye boilerplate!

Are you spending more time on code ceremony than business logic? Learn how TypeScript generics can eliminate boilerplate and let you focus on what truly matters.

Hello generics, goodbye boilerplate!
#1about 5 minutes

Understanding the prevalence of boilerplate in enterprise code

Boilerplate code is common in large, well-architected applications due to consistent patterns, but it can be significantly reduced.

#2about 5 minutes

Explaining the core concepts of Redux state management

The Redux pattern uses a central store, actions, reducers, and effects to manage application state predictably.

#3about 4 minutes

Walking through a typical asynchronous data-loading flow

An example application demonstrates the sequence of actions and state changes for both successful data fetching and error handling.

#4about 9 minutes

Introducing TypeScript generics to reduce action boilerplate

TypeScript generics allow for creating reusable, type-safe constructs like a base action class to eliminate repetitive code.

#5about 7 minutes

Creating a generic reducer to handle common state changes

A custom `createGroupReducer` function uses generics to automatically handle loading, success, and failure states for actions.

#6about 6 minutes

Abstracting NGRX effects using generic helper functions

Generic creator functions like `createSwitchMapEffect` can encapsulate the common logic of listening for an action and handling API call results.

#7about 3 minutes

Using generics for common data structures like pagination

A generic `Pageable` class can standardize the structure for paginated API responses across an entire application.

#8about 1 minute

Adopting a generic-first mindset to improve code quality

Consistently applying generics helps you see code duplication as an opportunity to create powerful, reusable abstractions.

Related jobs
Jobs that call for the skills explored in this talk.

Remote

Name of

Name of

Remote
Intermediate
PHP
Java
+1

Matching moments

Avoid creating unnecessary boilerplate effects
01:17 MIN

Avoid creating unnecessary boilerplate effects

NgRx Tips for Future-Proof Angular Apps

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Summary of using types for scalable codebases
01:48 MIN

Summary of using types for scalable codebases

All you need is types

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Identifying boilerplate and repetition in full-stack development
03:19 MIN

Identifying boilerplate and repetition in full-stack development

Build and Deploy a Fullstack App with Open Source Tooling

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Adopting NgRx best practices for future-proof apps
03:15 MIN

Adopting NgRx best practices for future-proof apps

NgRx Tips for Future-Proof Angular Apps

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Understanding TypeScript's origins and role in scalability
02:37 MIN

Understanding TypeScript's origins and role in scalability

All you need is types

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Final takeaways for building modern TypeScript applications
01:21 MIN

Final takeaways for building modern TypeScript applications

End-to-End TypeScript: Completing the Modern Development Stack

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Minimizing boilerplate code with advanced TypeScript features
07:58 MIN

Minimizing boilerplate code with advanced TypeScript features

All you need is types

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Implementing advanced state management with NgRx
07:18 MIN

Implementing advanced state management with NgRx

Angular Unleashed: Mastering Modern Web Development with Angular

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.

Featured Partners

Related Videos

See all videos
The Art and Craft of Type Development43:20

The Art and Craft of Type Development

Michael Hladky & Stefan Baumgartner

Typescript, React and Atomic Design - a match made in heaven40:05

Typescript, React and Atomic Design - a match made in heaven

Nathalia Rus

Lies we Tell Ourselves As Developers31:13

Lies we Tell Ourselves As Developers

Stefan Baumgartner

All you need is types48:56

All you need is types

Tal Joffe

Vuejs and TypeScript- Working Together like Peanut Butter and Jelly44:31

Vuejs and TypeScript- Working Together like Peanut Butter and Jelly

Rob Richardson

Front-End Micro Apps35:17

Front-End Micro Apps

Serg Hospodarets

NgRx Tips for Future-Proof Angular Apps26:58

NgRx Tips for Future-Proof Angular Apps

Marko Stanimirović

Building software that scales with Typescript37:18

Building software that scales with Typescript

Tal Joffe

Related Articles

View all articles
CH
Chris Heilmann
WeAreDevelopers LIVE days are changing - get ready to take part
Starting with this week's Web Dev Day edition of WeAreDevelopers LIVE Days, we changed the the way we run these online conferences. The main differences are:Shorter talks (half an hour tops)More interaction in Q&AA tips and tricks "Did you know" sect...
WeAreDevelopers LIVE days are changing - get ready to take part
TL
Thomas Limbüchler
What is TypeScript?
Since Angular 2 at the latest, TypeScript has been known to many. But what exactly can you do with it, and is it worth changing?Anyone who has worked with programming languages ​​such as Java or C# before will have noticed that JavaScript allows a su...
What is TypeScript?

From learning to earning

Jobs that call for the skills explored in this talk.

Frontend Developer

Frontend Developer

JO Media Software Solutions GmBh
Brunn am Gebirge, Austria

Senior
CSS
Angular
JavaScript
TypeScript