Schulung · Workshop · Coaching · Beratung
Dauer: ab 1 Tag (8 UE) | Preis: ab 900 EUR (netto) | Live online oder vor Ort | Termin nach Vereinbarung
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.
Gesamtpreis für bis zu 3 Teilnehmende · Unverbindliche Anfrage · Keine Vorkasse
useState und useReducer und heben ihn bei Bedarf anfetch und können Client- und Server Components einordnennpm create vite@latest und der Vorlage react anlegenindex.html, main.jsx, App.jsx und Hot ReloadcreateRoot: wie die App in die HTML-Seite kommtclassName, selbstschließende Tags, camelCase-Attributechildren-Prop für Rahmen- und Kartenkomponentenmap() aus einem Array rendernkey-Werte vergeben und die Konsolenwarnung verstehenpublic/ oder per Import einbinden, mit aussagekräftigem alt&& und dem Ternär-Operator<>…</> statt überflüssiger div-Hüllen einsetzenonClick und onChange behandelnuseState: Anfangswert, Setter und erneutes Rendernprev => !prevuseReducer für zusammenhängende Aktionen, z. B. einen MerkzetteluseEffect nur zum Synchronisieren, z. B. Dokumenttitel oder Timerfetch laden und Lade- sowie Fehlerzustand anzeigenonSubmit und FormData auswerten'use client''use server' für Formulare im Prinzipkey-Warnungen und Fehler aus der Browserkonsole gezielt an den Agenten gebenuseReducerfetch laden und Ladezustand zeigenvite build und Veröffentlichung als statische Seite*) Die Inhalte werden individuell abgestimmt und mit Praxisbeispielen abgerundet.
Individuelle Schulung für Einzelpersonen und Teams – live online oder vor Ort.
Die Dauer richtet sich nach Ihren Inhalten.
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.
Ganztägig oder halbtägig nach Vereinbarung, live online oder vor Ort.
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.
Schulung anfragenUnverbindlich · Keine Vorkasse
NetCologne GmbH
Ferber Software GmbH EDV-Betreuung
ROSEN Technology & Research Center 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
1. Bedarf klären: Im kostenlosen Vorgespräch besprechen wir Ziele, Vorkenntnisse und Praxisaufgaben.
2. Angebot abstimmen: Inhalte, Format (live online oder vor Ort), Dauer und Preis legen wir gemeinsam fest.
3. Schulung durchführen: Sie arbeiten an Übungen aus Ihrem Alltag oder an einem neutralen Beispiel und nehmen konkrete nächste Schritte mit.
Die 900 EUR netto sind der niedrigste Gesamtpreis für eine firmeninterne Veranstaltung mit bis zu drei Teilnehmenden. Größere Gruppen und einen anderen Umfang bieten wir individuell an. Der verbindliche Preis steht in Ihrem Angebot.
Ja. Welche Aufgaben sich eignen, welche Zugänge nötig sind und wie wir die Vertraulichkeit sichern, klären wir im Vorgespräch. Alternativ arbeiten wir an einem neutralen Beispiel.
Nein. Sie erhalten zuerst ein abgestimmtes Angebot und entscheiden dann über die Beauftragung. Eine Vorkasse gibt es nicht.
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.
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.
