reactjs / reactjs/react.dev

Adding more examples for the flushSync method

Offen
#6,428 2 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

Hey there, I'm the author of the following post https://giacomocerquone.com/keep-input-cursor-still/ where I showcased a few pain points while managing an input's cursor.
Earlier today I also noticed this tweet from Ryan Florence where he was showcasing the usage of the flushSync method in a similar way to the one I was going after using low-level asynchronicity js tools to tame the eventloop such as setTimeout, await Promise.resolve(), etc. etc.

Do you think we could add such examples in the docs or it's just an internal method not to be used so commonly?
Svelte has also something similar in its documentation/tutorial with the tick method https://learn.svelte.dev/tutorial/tick

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, die vorhandene Dokumentation und die Beispiele zu flushSync zu finden, und sieh dir anschließend den verlinkten Artikel zur Cursor-Verwaltung sowie das Beispiel von Ryan Florence an, um relevante Anwendungsfälle zu prüfen. Als erledigt gilt die Aufgabe, wenn klare Dokumentationsbeispiele hinzugefügt wurden oder dokumentiert wurde, warum flushSync nicht allgemein verwendet werden sollte, wobei die Hinweise mit der vorgesehenen Verwendung von React übereinstimmen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation
Issue-Typ
Dokumentation
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.