Making State Management Domain Agnostic with @derxjs

Original: https://codingcat.dev/podcast/1-50-making-state-management-domain-agnostic-with-derxjs

▶ Watch on YouTube & Subscribe to CodingCat.dev

**Making State Management Domain Agnostic with @derxjs **is a CodingCat.dev podcast episode featuring Zack DeRose alongside Alex Patterson and Brittney Postma focused on React, Angular. We sit down with Zack DeRose to talk all about @derxjs. We also break down RxJS and its ability to elegantly compose domain-agnostic state management code. Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.

Questions

1. First tell us a little about yourself and your background.
   1. Senior Engineer and Engineering Manager at Nrwl
   2. Father of 6, Grandfather of 2
   3. Enthusiast for writing/podcasting/oss/other forms of communication (tech or otherwise)
   4. Co-founder DeRose Brothers Real Estate
2. What was your motivation to create @derxjs?
   1. I'm extremely "long" on RxJS - in particular in its ability to elegantly compose domain-agnostic state management code.
   2. derxjs is a way of packaging that power in a way that separates "state" concerns with "view" concerns (the DeRxJSViewModel interface)
   3. derxjs/reducer is our first package for assisting folks in writing domain agnostic state management (that harnesses the power of RxJS without actually writing any)
   4. derxjs/react is our first package on the other side of the DeRxJSViewModel interface - designed to help folks leverage RxJS in their react projects (again, without actually writing any RxJS code)
3. How does this differ from rxjs or Redux?
   1. This is a 'framework' (may be generous) for using RxJS - a 'spiritual successor' to NgRx
   2. derxjs/reducer should feel extremely familiar to anyone that's written NgRx or Redux code.
   3. Exciting things in the pipes from the "framework": declarative testing tools && ai powered code-generation

Additional Links

• NPM @derxjs/viewmodel - https://www.npmjs.com/package/@derxjs/view-model
• https://www.npmjs.com/package/@derxjs/react
• https://www.npmjs.com/package/@derxjs/reducer
• GitHub - https://github.com/ZackDeRose/derxjs
• Part1 - https://dev.to/zackderose/the-derxjsviewmodel-pattern-the-e-mc-2-of-state-management-part-1-3dka
• Part2 - https://dev.to/zackderose/the-derxjsviewmodel-pattern-the-emc2-of-state-management-part-2-2i73

Video Chapters & Timestamps

Jump directly to any segment of Making State Management Domain Agnostic with @derxjs on YouTube using the timestamped chapters below:

• 00:00: Intro
• 00:00: Zack Derose
• 00:00: Zack Intro
• 00:00: Nrwl
• 00:00: What is DeRxJS
• 00:00: Article - https://dev.to/zackderose/the-derxjsviewmodel-pattern-the-e-mc-2-of-state-management-part-1-3dka
• 00:00: Npm - https://www.npmjs.com/package/@derxjs/react
• 00:00: Dive into the https://dev.to/zackderose/the-derxjsviewmodel-pattern-the-e-mc-2-of-state-management-part-1-3dka
• 00:00: Demo
• 00:00: RxJS Marbles
• 00:00: Demo 2
• 00:00: Purrfect Picks

Resources, Links & Official Documentation

• *Watch on YouTube: *Making State Management Domain Agnostic with @derxjs Full Video (plus Subscribe to CodingCat.dev)
• *Show Pick: *Angular 13 (picked by Alex Patterson)
• *Show Pick: *Aaron Frost - Angular 13 (picked by Alex Patterson)
• *Show Pick: *GDI - MOVING FORWARD (picked by Brittney Postma)
• *Show Pick: *Svelte Sirens (picked by Brittney Postma)
• *Show Pick: *Peak Mind (picked by Zack DeRose)
• *Show Pick: *Nx 13 and 14 Roadmap (picked by Zack DeRose)
• *Show Pick: *ZDS Podcast on Leadership and Creating Value with Hicham El Hammouchi and Youssef Taghlabi (picked by Zack DeRose)
• Zack DeRose Guest Profile & Episodes on CodingCat.dev
• Zack DeRose on GitHub
• React Official Reference: Hooks, Server Components, and UI state patterns
• Angular Developer Guide: Signals, standalone components, and enterprise Angular workflows

Related CodingCat.dev Tutorials & Podcast Episodes

• WebDev Fundamentals | React, Angular, and Vue: Dive into web development fundamentals with Corbin. Explore frameworks, APIs, and developer education. Purrfect for new and seasoned developers looking to expan...
• Angular Cookbook: Discover advanced Angular tips and tricks with Mohammad from the Angular Cookbook 2nd Edition. Watch now and elevate your front-end development skills!
• Angular 16 Hydration, Signals, Vite: Angular 16 is a major release of the Angular framework that introduces several new features.

Frequently Asked Questions (FAQ)

What are the main takeaways from Making State Management Domain Agnostic with @derxjs?

We sit down with Zack DeRose to talk all about @derxjs. We also break down RxJS and its ability to elegantly compose domain-agnostic state management code. 1.50 - Making State Management Domain Agnostic with @derxjs: We sit down with Zack DeRose to talk all about @derxjs. We also break down RxJS and its ability to elegantly compose domain-agnostic state management code. https://codingcat.dev/podcast/1-50-making-state-management-domain-agnostic-with-derxjs 00:00 - Intro

00:23 - Zack Derose

01:36 - Zack Intro

03 Throughout this podcast, Zack DeRose breaks down real-world implementation details for React, Angular so developers can apply these patterns directly in production.

How do you implement React best practices in production?

When adopting React and Angular in a production stack, start by validating your configuration against the React Official Reference (Hooks, Server Components, and UI state patterns). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.

Where can I watch the full Making State Management Domain Agnostic with @derxjs walkthrough and find related code resources?

You can watch the complete video session for Making State Management Domain Agnostic with @derxjs on the CodingCat.dev YouTube channel. For a deeper dive into React, check out our related guide: WebDev Fundamentals | React, Angular, and Vue.