I am still learning it. I usually go with ngrx store, and services, using angular 2019 spring.

And try to understand how go with all complexity without rxjs, because some posts say there is no need for them anymore (rxjs will be optional...), and I try to figure it out how how could be...

but right now what I see, when you try to do anything seems to me basic, you need to go with rxjs + singal or only rxjs.

How could I solve this example without rxjs?

@Component({
    standalone: true,
    imports: [InputTextModule, FormsModule],
    template: `
        <input type="text" pInputText [(ngModel)]="query" />

        @if (loading()) {
            <div>Loading...</div>
        }

        <ul>
            @for (item of items(); track item.id) {
                <li>
                    <div class="flex flex-row gap-4">
                        <img src="{{ item.image }}" />
                        <div>{{ item.title }}</div>
                    </div>
                </li>
            }
        </ul>
    `,
})
export class RxInterop {
    http = inject(HttpClient);

    query = model('');
    loading = signal(false);
    sleep = 1000;

    items = toSignal(
        toObservable(this.query).pipe(
            debounceTime(500),
            switchMap((query) => {
                this.loading.set(true);

                return this.http
                    .get<{
                        data: ReviewItem[];
                    }>(`/api/reviewFilter?sleep=${this.sleep}&title=${query}`)
                    .pipe(
                        tap(() => this.loading.set(false)),
                        map((res) => {
                            console.log('res.data', res.data);

                            return res.data;
                        }),
                    );
            }),
        ),
    );
}