---
title: 🔴 Interoperability Rxjs/Signal
description: Challenge 30 is about learning how to mix signal with Rxjs
sidebar:
  order: 30
---

:::note
WIP: The following documentation will be reviewed and improved. However, you can still take on the challenge. If you don't understand a certain part, please feel free to reach out or create an issue.
:::

<div class="chip">Challenge #30</div>

## Information

In this challenge, we have a small reactive application using RxJS and NgRx/Component-Store.

The goal of this challenge is to use the new **Signal API** introduced in Angular v16. However, we should not convert everything. Certain portions of the code are better suited for RxJS rather than Signal. It is up to you to determine the threshold and observe how **Signal and RxJS coexist**, as well as how the interoperability is achieved in Angular.

---

:::note
Start the project by running: `npx nx serve interop-rxjs-signal`.
:::

:::tip[Reminder]
Your PR title must start with <b>Answer:30</b>.
:::

<div class="article-footer">
  <a
    href="https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A30+label%3Aanswer"
    alt="Interoperability Rxjs/Signal community solutions">
    ❖ Community Answers
  </a>
  <a
    href='https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A30+label%3A'
    alt="Interoperability Rxjs/Signal solution author">
    ▶︎ Author Answer
  </a>
  </div>
