Kommt mit React 19: Der use hook!
Heute geht es um React! Und es geht um den use-hook! Der ist leider immer noch nicht für alle React Nutzer verfügbar, aber das Warten lohnt sich!
Der use() hook wird das Arbeiten mit Promises, also z.B. HTTP-Calls viel angenehmer machen. Kein useEffect und useState mehr!
Wir erklären euch alles Nötige in 5 Minuten!
Werte Zuseher:in!
heute landen wir unter 5 Minuten und haben auch noch Zeit für Rumgekaspere!
Zack! Zack!
Ja kurzes Thema, aber da steckt doch etwas Musik drin!
Promises waren für uns mit React immer machbar, aber richtig schön war das Gehampel mit useEffect() und useState() nicht. Ja es gibt useSWR oder ReactQuery, aber nichtsdestotrotz fühlen sich Promises auch 2024 wie ein Fremdkörper an. Die Leute von Redux-Saga haben ja quasi nur dafür eine nicht unkomplexe eigene Bibliothek geschrieben.
Mit dem use hook (und Suspense) kann also vieles besser und vor allem einfacher werden.
Ja klar! Echtes async/await wie in Server Components wäre noch besser, aber vielleicht kommt das ja noch!
Erfahrt in dieser Folge Papperlapapp - Spaß mit Klammern! alles Wichtige rund um diesen frischen Hook!
Schaut doch mal rein! Wir sind gespannt was ihr so denkt!
Wie sieht das bei euch aus? Wie steht ihr zu Promises in React? Kein Problem oder doch mal ein Bauchgrummeln? Was haltet ihr vom use-hook? Schon ausprobiert? Wie sehr stört es euch, dass nextjs hier wieder Vorreiter spielt/bevorzugt wird?
Schreibt es in die Kommentare! Wir sind sehr gespannt und wir freuen uns von euch zu hören!
Liken, abonnieren, Glocke drücken nicht vergessen!
In diesem Sinne: Papperlapapp - Spaß mit Klammern!
Vielen Dank fürs Zuschauen, viel Spaß und wir freuen uns sehr auf euer Feedback!
Stefan und Holger
Links:
Der use hook: https://react.dev/reference/react/use
Hooks conditionally: https://react.dev/warnings/invalid-ho...
Ja es gibt den useContext Hook: https://portal.gitnation.org/contents...
Die Diskussion im RFC PR ist sehr spannend: https://github.com/reactjs/rfcs/pull/229
Wenn man use hook sagt, muss man auch suspense sagen: https://react.dev/reference/react/Sus...
Der use-hook im Beispiel: https://github.com/holgergp/useNext
▬ Inhalt des Videos ▬▬▬▬▬▬▬▬▬▬
00:00 Begrüßung
00:12 Das Thema der Folge: "Der use-hook".
00:42 Promises in React
01:12 Der use- hook!
02:02 use hook kann ich conditional verwenden
02:19 Wann kann ich es einsetzen?
02:57 Diskussion
03:43 Outro!
04:19 Bonus Track!