reactjs / reactjs/react.dev

How to see that useCallback and useMemo don't recreate object (example proposition)

Offen
#5,640 0 Kommentare 0 Reaktionen 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

Hello,

I think this could be added to the documentation.
So the question is: how to "see" that useCallback and useMemo memoize objects? Since we can't see the memory address of the objects created in the heap.
Answer: by creating recreate a Function "class" and an Object "class" which has a unique ID for each instantiation.
The details of the implementation can be found here: https://codesandbox.io/s/musing-sun-79d1gg?file=/src/App.js

Kr,

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

Öffne zunächst die verlinkte CodeSandbox und überprüfe ihr src/App.js-Beispiel, um die vorgeschlagene Demonstration zu verstehen. Sieh dir anschließend die React-Dokumentation nach einer geeigneten Stelle an und stelle fest, ob das Beispiel Memoization klar erklärt; als abgeschlossen gilt die Aufgabe, wenn eine abgestimmte Dokumentationsänderung oder ein konkreter Platzierungsvorschlag vorliegt.

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
32/100

Neue Issues direkt in Ihr Postfach

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