What are the differences between async/await and observables?

What are the differences between async/await and observables?

Async/await is a syntax for working with promises, making asynchronous code easier to read. Observables, on the other hand, are part of the ReactiveX library and allow for handling streams of data over time.

Can you give me an example of how to use async/await?

Sure! Here's a simple example:

async function fetchData() {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    return data;
}

This function fetches data from an API and waits for the response before proceeding.

What about an example using observables?

Certainly! Here's an example using RxJS:

import { of } from 'rxjs';
import { map } from 'rxjs/operators';

const data$ = of(1, 2, 3).pipe(
    map(x => x * 2)
);

data$.subscribe(value => console.log(value));

This creates an observable that emits values and transforms them.

When should I use one over the other?

Use async/await for simpler, one-time asynchronous operations, and observables for handling multiple values over time or when you need more complex event handling.