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

# Making State Management Domain Agnostic with @derxjs

🎧 Podcast Episode · S1E50December 15, 2021[![](/logos/tags/react-symbol-light.svg)![](/logos/tags/react-symbol-dark.svg)React](/topic/react)[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)[#WebDev](/topic/webdev)[![](/logos/tags/github-symbol-light.svg)![](/logos/tags/github-symbol-dark.svg)GitHub](/topic/github)

# Making State Management Domain Agnostic with @derxjs

![](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/9057dcae2c3083d8ee4e89924e8a62ea910b8890-1920x1080.png?w=1920&h=1080&q=82&fit=max&auto=format)[@CodingCatDev62.5K / 100K Subscribers Goal](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Subscribe on YouTube→](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Watch on YouTube App ↗](https://www.youtube.com/watch?v=o12i7Ijveow&list=UUnKZ8gEb78zXKMi1ns-IQ2g)[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Zack DeRose](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/59db6c0fa3f364d548b1f8962d27cd7ef1896c15-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Zack DeRose](/guest/zack-derose)🎧 Listen & Subscribe[Spotify](https://open.spotify.com/episode/2KyQO8i1jGbn1zQcTxZ5Ho)[Apple](https://podcasts.apple.com/us/podcast/1-50-making-state-management-domain-agnostic-with-derxjs/id1491655542?i=1000545076743)[YouTube](https://www.youtube.com/watch?v=o12i7Ijveow&list=PLUKgAjyG9B0ZhUEXp9eVa7h4L__FDW3uV)[Subscribe on YouTube (62.5K / 100K) →](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Pocket Casts](https://pca.st/episode/a67f8fd3-4d23-45ed-9c9c-92a5fcbcbdc8)[Castbox](https://castbox.fm/episode/id2508485-id451062723)[Castro](https://castro.fm/episode/s6xuzm)[Overcast](https://overcast.fm/itunes1491655542)[RSS](https://anchor.fm/s/115b203c/podcast/rss)

**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**](https://www.youtube.com/watch?v=o12i7Ijveow) or explore the architectural notes, chapters, and official documentation links below.

## Questions

- **First tell us a little about yourself and your background.** Senior Engineer and Engineering Manager at Nrwl
- Father of 6, Grandfather of 2
- Enthusiast for writing/podcasting/oss/other forms of communication (tech or otherwise)
- Co-founder DeRose Brothers Real Estate

- What was your motivation to create @derxjs? I'm extremely "long" on RxJS - in particular in its ability to elegantly compose domain-agnostic state management code.
- derxjs is a way of packaging that power in a way that separates "state" concerns with "view" concerns (the `DeRxJSViewModel` interface)
- 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)
- 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)

- How does this differ from rxjs or Redux? This is a 'framework' (may be generous) for using RxJS - a 'spiritual successor' to NgRx
- derxjs/reducer should feel extremely familiar to anyone that's written NgRx or Redux code.
- 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/view-model)
- [https://www.npmjs.com/package/@derxjs/react](https://www.npmjs.com/package/@derxjs/react)
- [https://www.npmjs.com/package/@derxjs/reducer](https://www.npmjs.com/package/@derxjs/reducer)
- GitHub - [https://github.com/ZackDeRose/derxjs](https://github.com/ZackDeRose/derxjs)
- Part1 - [https://dev.to/zackderose/the-derxjsviewmodel-pattern-the-e-mc-2-of-state-management-part-1-3dka](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](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**](https://www.youtube.com/watch?v=o12i7Ijveow) on YouTube using the timestamped chapters below:

- [**00:00**](https://www.youtube.com/watch?v=o12i7Ijveow&t=0s): Intro
- [**00:00**](https://www.youtube.com/watch?v=o12i7Ijveow&t=0s): Zack Derose
- [**00:00**](https://www.youtube.com/watch?v=o12i7Ijveow&t=0s): Zack Intro
- [**00:00**](https://www.youtube.com/watch?v=o12i7Ijveow&t=0s): Nrwl
- [**00:00**](https://www.youtube.com/watch?v=o12i7Ijveow&t=0s): What is DeRxJS
- [**00:00**](https://www.youtube.com/watch?v=o12i7Ijveow&t=0s): Article - https://dev.to/zackderose/the-derxjsviewmodel-pattern-the-e-mc-2-of-state-management-part-1-3dka
- [**00:00**](https://www.youtube.com/watch?v=o12i7Ijveow&t=0s): Npm - https://www.npmjs.com/package/@derxjs/react
- [**00:00**](https://www.youtube.com/watch?v=o12i7Ijveow&t=0s): Dive into the https://dev.to/zackderose/the-derxjsviewmodel-pattern-the-e-mc-2-of-state-management-part-1-3dka
- [**00:00**](https://www.youtube.com/watch?v=o12i7Ijveow&t=0s): Demo
- [**00:00**](https://www.youtube.com/watch?v=o12i7Ijveow&t=0s): RxJS Marbles
- [**00:00**](https://www.youtube.com/watch?v=o12i7Ijveow&t=0s): Demo 2
- [**00:00**](https://www.youtube.com/watch?v=o12i7Ijveow&t=0s): Purrfect Picks

## Resources, Links & Official Documentation

- **Watch on YouTube: ** [Making State Management Domain Agnostic with @derxjs Full Video](https://www.youtube.com/watch?v=o12i7Ijveow) (plus [Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1))
- **Show Pick: ** [Angular 13 (picked by Alex Patterson)](https://github.com/angular/angular/blob/master/CHANGELOG.md)
- **Show Pick: ** [Aaron Frost - Angular 13 (picked by Alex Patterson)](https://youtu.be/PUxNiC6Qye4)
- **Show Pick: ** [GDI - MOVING FORWARD (picked by Brittney Postma)](https://girldevelopit.com/blog/gdi-moving-forward/)
- **Show Pick: ** [Svelte Sirens (picked by Brittney Postma)](https://sveltesirens.dev/)
- **Show Pick: ** [Peak Mind (picked by Zack DeRose)](https://www.amazon.com/Peak-Mind-Attention-Invest-Minutes-ebook/dp/B08THNJ978)
- **Show Pick: ** [Nx 13 and 14 Roadmap (picked by Zack DeRose)](https://github.com/nrwl/nx/discussions/7602)
- **Show Pick: ** [ZDS Podcast on Leadership and Creating Value with Hicham El Hammouchi and Youssef Taghlabi (picked by Zack DeRose)](https://www.youtube.com/watch?v=NSzg0QHd_14)
- [**Zack DeRose Guest Profile & Episodes on CodingCat.dev**](/guest/zack-derose)
- [**Zack DeRose on GitHub**](https://github.com/ZackDeRose)
- [**React Official Reference:**](https://react.dev/reference/react) Hooks, Server Components, and UI state patterns
- [**Angular Developer Guide:**](https://angular.dev/overview) Signals, standalone components, and enterprise Angular workflows

## Related CodingCat.dev Tutorials & Podcast Episodes

- [**WebDev Fundamentals | React, Angular, and Vue**](/podcast/webdev-fundamentals-or-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**](/podcast/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**](/podcast/3-19-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**](https://react.dev/reference/react) (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**](https://www.youtube.com/watch?v=o12i7Ijveow) on the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1). For a deeper dive into React, check out our related guide: [**WebDev Fundamentals | React, Angular, and Vue**](/podcast/webdev-fundamentals-or-react-angular-and-vue).

## ✏️ Episode Summary

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

✏️ Visual Architecture Diagram

## how this episode connects together.

Follow AJ from first principles to production-ready architecture.

Let’s build it!✏️ Visual Diagram: Making State Management Domain Agnostic with @de…✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Making State Management Domain Agnostic with @derxjs: start with Zack DeRose, implement Architecture & Patterns, and ship to production.AAA Contrast Verified

## episode picks.

### 🐾 Alex Patterson

- [Angular 13](https://github.com/angular/angular/blob/master/CHANGELOG.md)
- [Aaron Frost - Angular 13](https://youtu.be/PUxNiC6Qye4)

### 🐾 Brittney Postma

- [GDI - MOVING FORWARD](https://girldevelopit.com/blog/gdi-moving-forward/)
- [Svelte Sirens](https://sveltesirens.dev/)

### 🐾 Zack DeRose

- [Peak Mind](https://www.amazon.com/Peak-Mind-Attention-Invest-Minutes-ebook/dp/B08THNJ978)
- [Nx 13 and 14 Roadmap](https://github.com/nrwl/nx/discussions/7602)
- [ZDS Podcast on Leadership and Creating Value with Hicham El Hammouchi and Youssef Taghlabi](https://www.youtube.com/watch?v=NSzg0QHd_14)

## related episodes.

[All Episodes→](/podcasts)[![The Odin Project 6: Modern React 19, State Architecture & TypeScript](https://cdn.sanity.io/images/hfh83o0w/production/1a3aad1e42061d9c384f723cdec562e1aa2afd24-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-modern-react-and-typescript)November 4, 2026[![](/logos/tags/react-symbol-light.svg)![](/logos/tags/react-symbol-dark.svg)React](/topic/react)[![](/logos/tags/typescript-symbol-light.svg)![](/logos/tags/typescript-symbol-dark.svg)TypeScript](/topic/typescript)[![](/logos/tags/astro-symbol-light.svg)![](/logos/tags/astro-symbol-dark.svg)Astro](/topic/astro)[+1](/course/odin-modern-react-and-typescript)

### [The Odin Project 6: Modern React 19, State Architecture & TypeScript](/course/odin-modern-react-and-typescript)

Master React 19 components, strict TypeScript props, derived state vs. useEffect traps, Server Actions, and island hydration in Astro.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![The Odin Project 2: Git & GitHub Engineering Workflows](https://cdn.sanity.io/images/hfh83o0w/production/ed2ced73d28d9e429e04e23b418bb53abf123d90-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-git-and-github-workflows)November 4, 2026[![](/logos/tags/git-symbol-light.svg)![](/logos/tags/git-symbol-dark.svg)Git](/topic/git)[![](/logos/tags/github-symbol-light.svg)![](/logos/tags/github-symbol-dark.svg)GitHub](/topic/github)[#DevOps](/topic/devops)[+1](/course/odin-git-and-github-workflows)

### [The Odin Project 2: Git & GitHub Engineering Workflows](/course/odin-git-and-github-workflows)

Understand how Git actually stores snapshots, master branching and interactive rebase, write atomic commits, and automate PR checks with GitHub Actions.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)