> For the complete documentation index, see [llms.txt](https://www.rxjs.es/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://www.rxjs.es/operadores/utility/materialize.md).

# materialize

<details>

<summary>Signatura</summary>

#### Firma

`materialize<T>(): OperatorFunction<T, Notification<T>>`

#### Parámetros

No recibe ningún parámetro.

#### Retorna

`OperatorFunction<T, Notification<T>>`: Un Observable que emite objetos Notification que contienen las emisiones originales del Observable fuente, además de sus metadatos correspondientes.

</details>

## Descripción

Envuelve emisiones next, error y complete en objetos Notification, emitidos como valores next en el Observable resultante.

![Diagrama de canicas del operador materialize](https://github.com/puntotech/rxjs-docu/blob/master/doc/operators/utility/assets/images/marble-diagrams/utility/materialize.png)

materialize retorna un Observable que emite una notificación next por cada emisión next, error o complete del Observable fuente. Cuando el Observable fuente emite complete, el Observable resultante emitirá una Notificación de tipo complete, como valor next, y se completará también. Cuando el Observable fuente emite un error, el Observable resultante emitirá una Notificación de tipo error como valor next, y se completará.

Este operador es útil para producir metadatos de las emisiones del Observable fuente, que se consumen en forma de notificaciones next. Se suele utilizar en conjunto con [dematerialize](https://github.com/puntotech/rxjs-docu/blob/master/operators/utility/dematerialize/README.md).

## Ejemplos

### Ejemplo de la documentación oficial

**Convierte un Observable defectuoso en un Observable de Notifications**

```javascript
import { of } from "rxjs";
import { materialize, map } from "rxjs/operators";

const letters = of("a", "b", 13, "d");
const upperCase = letters.pipe(map((x) => x.toUpperCase()));
const materialized = upperCase.pipe(materialize());
materialized.subscribe((x) => console.log(x));

// Salida:
// - Notification {kind: "N", value: "A", error: undefined, hasValue: true}
// - Notification {kind: "N", value: "B", error: undefined, hasValue: true}
// - Notification {kind: "E", value: undefined, error: TypeError:
//   x.toUpperCase is not a function at MapSubscriber.letters.map.x
//   [as project] (http://1…, hasValue: false}
```

### Recursos adicionales

[![Source code](https://github.com/puntotech/rxjs-docu/blob/master/doc/operators/utility/assets/icons/source-code.png)](https://github.com/ReactiveX/rxjs/blob/master/src/internal/operators/materialize.ts)

[Documentación oficial en inglés](https://rxjs.dev/api/operators/materialize)