Hooks sind wiederverwendbare Funktionen. Sie ermöglichen es Ihnen, state und andere Funktionen (z. B. Lifecycle-Methoden usw.) zu verwenden, ohne eine Klasse schreiben zu müssen. Hook-Funktionen ermöglichen es uns, mithilfe von funktionalen Komponenten in den React State Lifecycle „einzuhaken“ und so zu manipulieren …
Ich hatte kürzlich ein Projekt mit der Anforderung, Theming auf der Website zu unterstützen. Es war eine etwas seltsame Anforderung, da die Anwendung hauptsächlich von einer Handvoll Administratoren genutzt wird. Eine noch größere Überraschung war, dass sie …
React Router 5 nutzt die Leistung von Hooks und hat vier verschiedene Hooks zur Unterstützung des Routings eingeführt. Dieser Artikel ist nützlich, wenn Sie eine schnelle Einführung in die neuen Muster von React Router suchen. Aber …
Wenn Sie anfangen, React Hooks in Ihren Anwendungen zu verwenden, möchten Sie sicherstellen, dass der von Ihnen geschriebene Code solide ist. Es gibt nichts Schlimmeres, als fehlerhaften Code auszuliefern. Eine Möglichkeit, sicherzustellen, dass Ihr Code …
Ich mag es, wenn Websites eine Dark-Mode-Option haben. Der Dark Mode macht Webseiten für mich einfacher zu lesen und hilft meinen Augen, sich zu entspannen. Viele Websites, einschließlich YouTube und Twitter, haben ihn bereits implementiert, und wir beginnen gerade …
Amelia Wattenberger hat diesen wunderbaren und interaktiven Artikel über React Hooks geschrieben und detailliert beschrieben, wie sie Code aufräumen und all diese lästigen Lifecycle-Ereignisse entfernen können.
…React hat Hooks vor einem Jahr eingeführt und sie haben das Spiel für eine
Wir alle wissen, was ein Hamburger-Menü ist, richtig? Als das Muster seinen Weg in Webdesigns fand, wurde es sowohl verspottet als auch bejubelt für seinen Minimalismus, der es ermöglicht, Hauptmenüs vom Bildschirm auszublenden, besonders auf Mobilgeräten …
Das Animieren mit requestAnimationFrame sollte einfach sein, aber wenn Sie die Dokumentation von React nicht gründlich gelesen haben, werden Sie wahrscheinlich auf einige Dinge stoßen, die Ihnen Kopfzerbrechen bereiten könnten. Hier sind drei „Fallen“, die ich auf die harte Tour gelernt habe.
TLDR…
React verfügt über einen integrierten Hook namens useEffect. Hooks werden in Funktionskomponenten verwendet. Der Vergleich von Class-Komponenten mit useEffect sind die Methoden componentDidMount, componentDidUpdate und componentWillUnmount.
useEffect wird ausgeführt, wenn die Komponente gerendert wird, was möglicherweise …
