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
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
44:56 MIN
Key takeaways for adopting Nx and monorepos
Nx - the easy choice
51:51 MIN
Audience Q&A on signals and Angular development
Angular Signals: what's all the fuss about?
25:14 MIN
Audience Q&A on patterns, typescript, and frameworks
10 must-know design patterns for JS Devs
Featured Partners
Related Videos
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
48:56All you need is types
Tal Joffe
31:13Lies we Tell Ourselves As Developers
Stefan Baumgartner
44:31Vuejs and TypeScript- Working Together like Peanut Butter and Jelly
Rob Richardson
35:17Front-End Micro Apps
Serg Hospodarets
26:58NgRx Tips for Future-Proof Angular Apps
Marko Stanimirović
40:24Snappy UI needs no Single-Page Application
Clemens Helm
From learning to earning
Jobs that call for the skills explored in this talk.
Full Stack Engineer TypeScript API React
Client Server
Esher, United Kingdom
Remote
€45-60K
API
React
Python
+6
Full Stack Engineer TypeScript API React
Client Server
Charing Cross, United Kingdom
Remote
€45-60K
API
React
Python
+6
{"@context":"https://schema.org/","@type":"JobPosting","title":"TypeScript Developer
Remote
MySQL
Python
NestJS
Node.js
+3
Front End Developer TypeScript React
Client Server
Charing Cross, United Kingdom
Remote
€75-90K
REST
React
TypeScript
{"@context":"https://schema.org/","@type":"JobPosting","title":"Expert Frontend Typescript Engineer
Rescue
Senior
API
VoIP
React
Python
Vue.js
+3