Miroslav Jonaš
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.
Matching moments
20:34 MIN
Avoid creating unnecessary boilerplate effects
NgRx Tips for Future-Proof Angular Apps
34:54 MIN
Summary of using types for scalable codebases
All you need is types
00:09 MIN
Identifying boilerplate and repetition in full-stack development
Build and Deploy a Fullstack App with Open Source Tooling
23:43 MIN
Adopting NgRx best practices for future-proof apps
NgRx Tips for Future-Proof Angular Apps
00:51 MIN
Understanding TypeScript's origins and role in scalability
All you need is types
27:56 MIN
Final takeaways for building modern TypeScript applications
End-to-End TypeScript: Completing the Modern Development Stack
19:52 MIN
Minimizing boilerplate code with advanced TypeScript features
All you need is types
37:33 MIN
Implementing advanced state management with NgRx
Angular Unleashed: Mastering Modern Web Development with Angular
Featured Partners
Related Videos
26:58NgRx Tips for Future-Proof Angular Apps
Marko Stanimirović
51:04Meet Your New BFF: Backend to Frontend without the Duct Tape
Noam Honig
50:28Angular tips/tricks you can use from tomorrow on
Benedikt Starzengruber
43:20The Art and Craft of Type Development
Michael Hladky & Stefan Baumgartner
58:15How to Create New RxJS Operators
Mohammad-Ali A'râbi
40:05Typescript, React and Atomic Design - a match made in heaven
Nathalia Rus
31:13Lies we Tell Ourselves As Developers
Stefan Baumgartner
37:18Building software that scales with Typescript
Tal Joffe
Related Articles
View all articles
.webp?w=240&auto=compress,format)
From learning to earning
Jobs that call for the skills explored in this talk.
Senior Frontend Developer - Typescript / Svelte - (f/m/x)
doinstruct Software GmbH
Berlin, Germany
Senior
GIT
JavaScript
TypeScript
