Schulung · Workshop · Coaching · Beratung
Dauer: ab 1 Tag | Preis: ab 900 EUR (Netto) | Termin: Ganztägig + halbtägig
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.
react-router installieren; Importe aus react-router-dom (bis v7) umstellenBrowserRouter um die App legen und mit der URL des Browsers verbindenRoutes und Route konfigurieren: path und elementLink zwischen Seiten wechseln, ohne die Seite neu zu ladenLink-Elementen und passenden Routen aufbauenindex.html leiten, z. B. in NginxOutlet für gemeinsame Kopf- und Seitenleistenpath="*"/produkte/:id als Platzhalter definierenuseParams lesen und anzeigenuseSearchParamsNavLink, Klassenfunktion und aria-currentuseNavigate, z. B. nach dem Speichernnavigate(-1) und replace: History-Stack gezielt steuernstate an navigate und LinkuseLocation lesen und seine Grenzen beim NeuladenNavigate auf neue Adressen umleitencreateBrowserRouter mit Loadern lohnt – Vertiefung im FolgeseminarRoute-ElementeSwitch, useHistory, exact) und Importe aus react-router-dom (bis v7) zurückweisenMemoryRouter für Ansichten, die useParams nutzen/kapitel/:slug, unbekannte Slugs mit eigener 404-AnsichtOutlet und Index-Routen*) 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 anfragenVectron Systems AG
parcIT GmbH
Sauels frische Wurst GmbH Fleischwaren & Co. KG
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 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.
