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.
#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.
Matching moments
01:17 MIN
Avoid creating unnecessary boilerplate effects
NgRx Tips for Future-Proof Angular Apps
01:48 MIN
Summary of using types for scalable codebases
All you need is types
03:19 MIN
Identifying boilerplate and repetition in full-stack development
Build and Deploy a Fullstack App with Open Source Tooling
03:15 MIN
Adopting NgRx best practices for future-proof apps
NgRx Tips for Future-Proof Angular Apps
02:37 MIN
Understanding TypeScript's origins and role in scalability
All you need is types
01:21 MIN
Final takeaways for building modern TypeScript applications
End-to-End TypeScript: Completing the Modern Development Stack
07:58 MIN
Minimizing boilerplate code with advanced TypeScript features
All you need is types
07:18 MIN
Implementing advanced state management with NgRx
Angular Unleashed: Mastering Modern Web Development with Angular
WeAreDevelopers LIVE days are changing - get ready to take partStarting 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...
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...
Chris Heilmann
Micro Components - a different approach to a simpler component-based webThere has been a lot of heated discussion lately in the web community about component based development. One side argued that Web Components are a standard we should follow whereas others complained that they still lag behind in what frameworks offer...
From learning to earning
Jobs that call for the skills explored in this talk.