Schulung · Workshop · Coaching · Beratung
Dauer: ab 1 Tag | Preis: ab 900 EUR (Netto) | Termin: Ganztägig + halbtägig
Sie verwalten Serverzustand in React mit TanStack Query: Query Keys und Cache gezielt steuern, Mutationen mit optimistischen Updates absichern, unendliche Listen bauen und Daten beim serverseitigen Rendern vorladen.
QueryClient und QueryClientProvider – erste Schritte mit TanStack QueryuseQuery: queryKey, queryFn und die Status pending, error, successisPending und isFetching unterscheiden: Erstladen und Hintergrund-Aktualisierung anzeigenqueryOptions typsicher definieren und wiederverwendenstaleTime und gcTime: wann Daten als veraltet gelten und wann sie aus dem Cache fallenrefetchIntervalrefetch und invalidateQueries mit Key-Präfixselect umformen, ohne den Cache zu verändernuseQuery-Aufrufen in einer KomponenteuseQueries und Zusammenführen per combineenabled oder skipToken steuernuseSuspenseQuery mit Suspense-Grenzen und Error Boundaries kombinierenuseMutation: mutate, mutateAsync und RückgabewertesetQueryData direkt aktualisierenonError, Wiederholungen und Meldungen an Nutzer:innenQueryCache-Callbacks und throwOnErrorvariables der laufenden MutationonMutate, Rücknahme in onError, Abgleich in onSettledplaceholderData: keepPreviousDatauseInfiniteQuery, getNextPageParam und maxPagesqueryClient.query (früher prefetchQuery) beim Hovern über Links oder vor dem Öffnen eines Dialogsdehydrate auf dem Server, HydrationBoundary im BrowserpersistQueryClient für Offline-SzenarienQueryClient pro Test mit abgeschalteten WiederholungenrenderHook und waitFor prüfen@tanstack/eslint-plugin-query meldet fehlende Key-Abhängigkeiten, bevor der Agent-Code ins Review gehtuseEffect-Abrufe auf TanStack Query um; MSW-Tests sichern Lade- und FehlerzuständestaleTime-Werte je Datenart begründen lassen statt pauschal null oder unendlichuseInfiniteQuery und Filter im lokalen ZustandstaleTime, gcTime und InvalidierunguseInfiniteQuery*) Die Inhalte werden individuell abgestimmt und mit Praxisbeispielen abgerundet.
Sind Sie auf der Suche nach einer Veranstaltung, die genau Ihrem Bedarf entspricht? Einer Veranstaltung, welche nur Inhalte vermittelt, die Sie selbst gewählt haben und speziell auf Ihr Unternehmen zugeschnitten ist? Dann sind Sie bei uns richtig!
Die Dauer richtet sich nach Ihren Vorstellungen und inhaltlichen Wünschen. Sie bekommen genau das, was Sie brauchen.
Die Preise verstehen sich bei Unternehmern gemäß § 14 BGB zzgl. MwSt. Der dargestellte Ab-Preis gilt für firmeninterne Veranstaltungen und entspricht dem niedrigsten Gesamtpreis für Veranstaltungen mit bis zu drei (3) Teilnehmenden.
Ihr Wunschtermin wird bei der Planung berücksichtigt. Die Veranstaltung findet ganztägig + halbtägig zu flexiblen Zeiten statt.
Wir passen den Inhalt spezifisch an die Bedürfnisse jedes Teilnehmers an. Irrelevante Themen werden ausgespart, um den größtmöglichen Nutzen zu garantieren.
Durch regelmäßiges Feedback optimieren wir unsere Schulungen kontinuierlich und garantieren Ihnen ein Lernerlebnis der Extraklasse.
Unsere Zufriedenheitsgarantie spricht für sich – bei Unzufriedenheit entstehen Ihnen keine Kosten.
Rufen Sie uns an, schreiben eine E-Mail oder nutzen das Kontaktformular.
Jetzt anfragenLVM Versicherung
Deutsche Bundesbank Zentrale
Aareon Deutschland GmbH
Herr Hecker ist sehr gut auf individuelle Wünsche, Fragen und Anregungen eingegangen. Eine sehr informative, interessante und gelungene Veranstaltung.
Herr Hecker hat das Thema sehr anschaulich dargestellt und ist auf alle Fragen eingegangen. Ich fühle mich jetzt gut vorbereitet, um durchzustarten.
Die gelassene, professionelle Art hat mir gut gefallen. Kompetent, engagiert, professionell. Gute Beispiele, sympathisches Auftreten. Eigene Themenideen wurden aufgegriffen.
Profitieren Sie von unserer langjährigen Expertise in der beruflichen Weiterbildung, modernen Lernmethoden und einem Portfolio von über 600 IT-, Online- und Digital-Beratungsleistungen.
Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Weiterbildung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!
Training & Coaching für Einzelpersonen
Training & Workshops für Teams und Abteilungen
Training-Komplett-Lösungen für Ihr Unternehmen
Wir erweitern ständig unser Beratungsportfolio. Über 600 IT-, Online-, Digital-Beratungsleistungen haben wir für Sie im Programm. Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Beratung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!
Mehr IT-, Online-, Digital-Beratungsleistungen anzeigen >>React Testen mit Copilot: Sie entwickeln Komponenten, Hooks und Formulare testgetrieben mit Vitest und der React Testing Library, simulieren APIs mit MSW, sichern Abläufe mit Playwright ab und steuern GitHub Copilot dabei durch den TDD-Zyklus.
Chatbots mit Next.js: Sie bauen eine vollständige KI-Chat-Anwendung mit dem AI SDK – Streaming, wählbare Modellanbieter, Verläufe in IndexedDB mit Dexie, Zustand, Seitenleiste und automatische Titel, dazu Werkzeugaufrufe, Absicherung und Deployment.
Sie bauen React-Komponenten, die sich zusammenstecken statt konfigurieren lassen: mit Komposition, Compound Components, eigenen Hooks und einer klaren Entscheidung zwischen Controlled und Uncontrolled – und Sie modernisieren HOCs und Render Props im Bestand.
Fortgeschrittene Navigation für gewachsene Anwendungen: Sie laden Daten mit Loadern, verarbeiten Formulare mit Actions, typisieren Routen mit TypeScript, schützen Bereiche vor dem Rendern und teilen das Bundle per Lazy Loading.
Remix-Anwendungen im Bestand sicher weiterführen: Sie verstehen Loader, Actions und verschachtelte Routen aus Remix-Sicht und stellen Ihre App schrittweise auf den Framework-Modus von React Router um.
In zwei Tagen von der ersten Komponente zur kleinen React-App mit Vite: Sie verstehen JSX, Props und State, bauen Listen und einfache Formulare und wissen, wohin Server Components führen.
Sie bauen KI-Anwendungen mit React und OpenAI-Modellen, die Antworten live streamen, strukturierte Daten liefern, eigene Werkzeuge aufrufen und Kosten, Sicherheit und Antwortqualität im Griff behalten.
Next.js Grundlagen am durchgehenden Projekt: Sie bauen ein Dashboard mit Layouts, Tailwind, PostgreSQL, Suche, Server Actions und Anmeldung und bringen es Schritt für Schritt in den Produktivbetrieb.
Die Intensiv-Schulung vertieft Next.js mit dem App Router: Sie entscheiden pro Route über Rendering und Caching, sichern Server Actions ab und bringen die Anwendung auf Vercel oder den eigenen Server.
Sie strukturieren globalen Client-Zustand in React mit Redux Toolkit – Store, Slices, asynchrone Logik und RTK Query – und können begründen, wann eine Anwendung ganz ohne Redux auskommt.
Sie bauen Schritt für Schritt Ihre erste Next.js-Anwendung: Seiten und Routen über Ordner, Inhalte statisch oder dynamisch gerendert, gestaltet mit CSS-Modulen und Tailwind und zum Schluss online.
Sie bauen die Navigation einer Single-Page-App mit React Router auf: Routen und verschachtelte Layouts, URL-Parameter, aktive Links, 404-Seiten und programmatische Navigation – sauber, teilbar und barrierearm.
Sie treffen die tragenden Entscheidungen für React im Großprojekt: Modulgrenzen und Monorepo, die Wahl zwischen clientseitigem Rendering, SSR und Server Components, eine belastbare Zustandsarchitektur und ein Design-System, das mehrere Frontends trägt.
Nach dem Seminar strukturieren Sie Zustand mit useState und useReducer, setzen Effekte nur dort ein, wo React mit der Außenwelt spricht, und kapseln wiederkehrende Logik in eigenen React Hooks.
