SwiftUI Academy · Lektion

Debounce für die Live-Suche

Drosseln Sie schnelle Eingaben mit debounce.

Lektion 3 von 413 Schritte

Debounce für die Live-Suche ist eine kostenlose SwiftUI Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des SwiftUI Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.

The Live Search Problem

When a user types a query, firing a network call on every keystroke floods your server with wasted requests.

Wait for a Pause

Live search feels best when you wait until the user pauses typing, then send a single request for the settled query.

Enter debounce

The debounce operator emits a value only after a quiet period, ignoring rapid bursts before it.

searchText
    .debounce(for: .milliseconds(300),
              scheduler: RunLoop.main)

Choosing the Delay

A delay around 300 milliseconds usually feels responsive: long enough to skip mid-word typing, short enough to feel instant. ⏱️

Scheduler Matters

The scheduler decides which queue delivers the debounced value, often the main run loop for UI updates.

scheduler: RunLoop.main

debounce vs throttle

Where debounce waits for silence, throttle emits at most once per interval, regardless of pauses.

searchText.throttle(for: .seconds(1),
    scheduler: RunLoop.main,
    latest: true)

Skip Empty Queries

Pair debounce with filter to skip empty strings, so clearing the field does not trigger a search.

.filter { !$0.isEmpty }

Avoid Repeat Searches

Add removeDuplicates so retyping the same query after a pause does not run an identical search twice.

.removeDuplicates()

A Search Pipeline

Together these operators form a clean search pipeline that only fires on meaningful, settled input.

text
    .debounce(for: .milliseconds(300),
              scheduler: RunLoop.main)
    .removeDuplicates()

Cancelling Old Work

Combine with switchToLatest or flatMap to cancel an in-flight request when newer input arrives.

Smoother and Cheaper

The payoff: fewer requests, lower cost, and a search box that feels responsive instead of frantic. 🚀

Quick Check

You want a search to fire only after the user stops typing for 300ms. Which operator fits best?

Recap: Calm Live Search

You built a search flow where debounce waits for a pause, then filter and removeDuplicates trim wasted work. 🎯

Kostenlos starten

Lerne Swift mit einem KI-Tutor — kostenlos

Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.

Kurse
30
Lektionen
120

Häufig gestellte Fragen

Ist die Lektion „Debounce für die Live-Suche“ kostenlos?

Ja — der vollständige Text von „Debounce für die Live-Suche“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des SwiftUI Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Debounce für die Live-Suche“?

Drosseln Sie schnelle Eingaben mit debounce. Du übst SwiftUI Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um SwiftUI Academy zu starten?

Keine Vorkenntnisse erforderlich. SwiftUI Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.

Wie lange dauert die Lektion „Debounce für die Live-Suche“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser SwiftUI Academy-Lektion Code schreiben und ausführen?

Ja. Jede SwiftUI Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. Publisher und Subscriber
  2. Mit map und filter transformieren
  3. Debounce für die Live-Suche
  4. Combine in SwiftUI einbinden
← Zurück zu SwiftUI Academy