Aus dem Kurs: React Grundkurs
Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
Keine schwarze Magie: React Hooks – Tutorial zu React.js
Aus dem Kurs: React Grundkurs
Keine schwarze Magie: React Hooks
Ich weiß nicht, wie es Ihnen geht, aber ich habe ein Problem damit, magische Konzepte einfach zu akzeptieren. Denn am Ende des Tages steckt hinter allem keine schwarze Magie, ähnlich wie eben JSX auch nur zu Funktionsaufrufen konvertiert wird. Bevor ich mich tiefer mit Hooks beschäftigt hatte, hatte ich ein Problem damit, zu verstehen warum die Hooks persistieren und nicht bei jedem Render-Vorgang neue Instanzen erzeugen. In dieser Function Component würde man ja vermuten, dass bei jedem Render-Vorgang bspw. useState wieder und wieder einen neuen State generiert. In Wahrheit gibt useState aber den bestehenden State zurück, wenn die Funktion nochmals aufgerufen wird. Extrem vereinfacht muss man sich das etwa so vorstellen: Jede Component bekommt ihr eigenes Raumschiff im React-Universum. In jedem Raumschiff gibt es dann die sogenannten Hooks, die nach dem Bauplan des React-Universums erstellt wurden. Sie tragen aber jeweils noch die Raumschiffhülle um sich herum. Sobald ein…
Inhalt
-
-
-
-
-
-
-
Warum gibt es Function Components?4 Min. 16 Sek.
-
(Gesperrt)
Regeln von Hooks2 Min. 2 Sek.
-
(Gesperrt)
Keine schwarze Magie: React Hooks1 Min. 47 Sek.
-
(Gesperrt)
ButtonCounter mit useState4 Min. 17 Sek.
-
(Gesperrt)
Lifecycle mit useEffect: Countdown8 Min. 3 Sek.
-
(Gesperrt)
useMemo bzw. useCallback5 Min.
-
(Gesperrt)
React Hooks: Ausblick und Tipps2 Min. 19 Sek.
-
(Gesperrt)
Challenge: Stoppuhr56 Sek.
-
(Gesperrt)
Solution: Stoppuhr11 Min. 15 Sek.
-
-
-
-
-
-
-
-
-
-
-
-