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
37:33 MIN
Implementing advanced state management with NgRx
Angular Unleashed: Mastering Modern Web Development with Angular
20:34 MIN
Avoid creating unnecessary boilerplate effects
NgRx Tips for Future-Proof Angular Apps
00:03 MIN
The problem of repetitive code in full-stack development
Meet Your New BFF: Backend to Frontend without the Duct Tape
32:12 MIN
Strategies for migrating large codebases to TypeScript
WeAreDevelopers LIVE - Whats Nuxt and Next for app development, 20 years AJAX and more
22:24 MIN
Why TypeScript is essential for building large applications
Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned
29:20 MIN
Why readable code and developer happiness trumped TypeScript
Coffee with Developers: David Heinemeier Hansson
34:54 MIN
Summary of using types for scalable codebases
All you need is types
44:56 MIN
Key takeaways for adopting Nx and monorepos
Nx - the easy choice
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
40:05Typescript, React and Atomic Design - a match made in heaven
Nathalia Rus
40:24Snappy UI needs no Single-Page Application
Clemens Helm
25:53Build and Deploy a Fullstack App with Open Source Tooling
Noam Honig
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.
Front End Engineer TypeScript React Native AI
Client Server
Charing Cross, United Kingdom
Remote
£80K
CSS
React
JavaScript
+5
Frontend Entwickler TypeScript, Angular
engelhardt softwareentwicklung
Ditzingen, Germany
API
GIT
Angular
TypeScript
Founding Engineer - React Native, Typescript
MathGPT
Canton d'Eu, France
Remote
€100-150K
API
TypeScript
React Native
TypeScript Engineer (OOP/React/Three.js)
Materialise
Barcelona, Spain
Intermediate
Java
React
Three.js
TypeScript
Unit Testing
+1