Performance und Memoization

Teil des React-Kurses

Deine App hat eine Tabelle mit zweitausend Zeilen und darüber ein Suchfeld. Jeder Tastendruck fühlt sich zäh an: Du tippst, und eine halbe Sekunde später erscheint der Buchstabe. Nichts ist kaputt, und der Code sieht vernünftig aus. Was passiert, ist Folgendes: Ein einziges Zeichen im Suchfeld lässt React jede einzelne dieser zweitausend Zeilenkomponenten erneut ausführen, feststellen, dass sich bei fast keiner...

React rendert absichtlich großzügig neu, und meistens ist das genau richtig, denn eine Komponentenfunktion auszuführen ist billig, und React ist gut darin, das Minimum zu ermitteln, das es auf der Seite ändern muss. Gelegentlich ist es eben nicht richtig, und für diese Fälle gibt dir React drei Werkzeuge an die Hand, um zu sagen "dieses Ergebnis hat sich nicht geändert, nimm das vorige".