Dauer: ab 1 Tag | Preis: ab 900 EUR (Netto) | Termin: Ganztägig + halbtägig
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.
eslint-plugin-react-hooks einrichten: rules-of-hooks und exhaustive-depsmain.tsx, StrictMode und doppelt ausgeführte Effekte im Dev-ModususeState einbinden: Anfangswert, Setter und Lazy InitialisierunguseState und booleschem Umschaltenprev => … und Batching mehrerer UpdatesuseEffect als Synchronisation mit Systemen außerhalb von ReactuseEffect und fetch abrufen: Lade-, Fehler- und LeerzustandAbortController oder Ignorier-Flag verhindernuseLayoutEffect für Messungen vor dem ZeichnenuseEffectEvent: aktuelle Werte im Effekt lesen, ohne ihn neu auszulösenuseReducer: Reducer, Zustand und AktionenuseState zu einem useReducer zusammenführendispatch versenden und als Discriminated Union typisierenuseRef auslesenuseRef für veränderliche Werte ohne Neurendern, z. B. Timer-IDsref als normale Prop in React 19 statt forwardRefuseState und onChange erstellenuseId für verknüpfte Labels und Fehlermeldungen in FormularencreateContext und ProvideruseContext oder in React 19 mit use()useReducer als schlanker Store für AnwendungszustanduseForm wiederverwendenuseAuth mit Fehlermeldung außerhalb des ProvidersuseFetch-Hook kapselnuseSyncExternalStore für Browser-APIs wie Online-Status oder matchMediarenderHook aus der React Testing LibraryuseMemo und useCallback: wann Memoisierung hilft und wann nichtuseTransition und useDeferredValue für flüssige Eingaben bei teuren ListenuseActionState und useFormStatususeOptimisticuse() innerhalb einer Suspense-Grenze lesenexhaustive-deps, statt sie per eslint-disable zu versteckenuseMemo/useCallback gegen den React Compiler abwägenrenderHook-Tests für Cleanup und Abbruch absichernuseEffect braucht ein externes SystemuseFetch laden, Abbruch beim schnellen FilterwechseluseReducer, Validierung und useId-LabelsuseSession-HookuseDeferredValue, Hook-Tests mit renderHookuseState, useReducer und abgeleiteten Werten passend zur Form des Zustands*) 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 anfragenkubus IT GbR
Atrios GmbH
Soluvia IT-Services 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.
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.
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.
