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
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
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
43:20The Art and Craft of Type Development
Michael Hladky & Stefan Baumgartner
50:28Angular tips/tricks you can use from tomorrow on
Benedikt Starzengruber
25:53Build and Deploy a Fullstack App with Open Source Tooling
Noam Honig
40:05Typescript, React and Atomic Design - a match made in heaven
Nathalia Rus
33:25Practice makes perfect - when it comes to RxJS
Jan-Niklas Wortmann
50:57Sustainable Angular Architectures with Nx and Strategic Design
Manfred Steyer
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
doinstruct Software GmbH
Berlin, Germany
Senior
GIT
JavaScript
TypeScript
JO Media Software Solutions GmBh
Brunn am Gebirge, Austria
Senior
CSS
Angular
JavaScript
TypeScript
Speech Processing Solutions
Vienna, Austria
Intermediate
CSS
HTML
JavaScript
TypeScript
Schulz.codes GmbH
Darmstadt, Germany
Intermediate
Senior
React
JavaScript
TypeScript
autoiXpert GmbH & Co. KG
Stuttgart, Germany
Senior
Node.js
Angular
MongoDB
TypeScript
Nia Health GmbH
Berlin, Germany
Intermediate
Senior
CSS
GIT
React
TypeScript
