React Schulung | Für alle, die richtig gut in React werden wollen
Mit React anspruchsvolle Webanwendungen programmieren
React ist mit Abstand das beliebteste Framework for moderne Webanwendungen. Zahlreiche bekannte Unternehmen wie Facebook, Instagram oder Netflix setzen in ihrem Frontend auf React. Warum? In vielen älteren Webanwendungen sammelt sich über die Zeit viel imperativer und schwer zu maintainender Code an. Mit React dagegen ist es deutlich leichter, wiederverwendbaren und einfacheren Code zu schreiben.
UI-Komponenten sind der Schlüssel zum Erfolg
Der revolutionäre Ansatz: Das Web-Interface wird in kleine, abgekapselte UI-Komponenten aufgeteilt. Die Programmierung der einzelnen Komponenten erfolgt dann über die HTML-ähnliche, deklarative Sprache JSX. React kümmert sich dabei um die effiziente Darstellung und weiß, wann welche Komponente neu gerendert werden muss. Am Ende werden die einzelnen Komponenten wie Puzzlestücke zu einem großen, ganzen Bild zusammengefügt: die Benutzeroberfläche.
Auch bei React gilt: Ohne Fleiß kein Preis
React liefert das passende Werkzeug, es muss aber auch richtig verwendet werden. Und da scheitert es unserer Erfahrung nach in vielen Teams. Ein Entwicklungsteam, das auf React setzt, benötigt das technische Grundwissen und viel praktische Expertise, um damit auch erfolgreich Webseiten umzusetzen.
Unsere React Schulung ist ideal für Teams, die gerade am Anfang stehen oder die bereits erste Erfahrungen mit React gemacht haben und jetzt besser werden wollen. Wir wissen, wie schwer die Umstellung am Anfang sein kann und haben die Inhalte unseres React Workshops genau darauf abgestimmt. Für die Zooplus AG zum Beispiel haben wir einen Workshop über Design-Patterns von React-Komponenten durchgeführt.
Unsere Workshop-Module für Ihre React-Schulung
Workshops von der Stange sind nicht unser Ding. Um auf die individuellen Vorkenntnisse und Interessen Ihres Teams einzugehen, haben wir diesen Modulbaukasten entwickelt, den wir in Absprache mit Ihnen frei zusammenstellen können. Suchen Sie sich einfach die Punkte heraus, die Sie ansprechen, und schreiben Sie uns für ein unverbindliches Angebot!
React Fundamentals
- Überblick
- Entwicklungssetup
- React Elements
- JSX verstehen
- Props und Prop-Types
- Functional Components
- Einführung in React Hooks
- Komposition von React-Komponenten
React Advanced
- State-Management
- Asynchrone API-Calls
- Routing
- React Context sinnvoll einsetzen
- Hooks Deep-Dive
- Custom Hooks selber bauen
- Animationen
- Fehler-Handling mit Error-Boundaries
- GraphQL mit Apollo
React Patterns
- Data down, action up
- Lifting state
- Unidirectional data flow
- View- & Container-Komponenten
- Higher-order Komponenten
- Inversion of control
- Render Props
Testing
- React-Komponenten testen
- Mit Jest
- Mit der React Testing Library
- Mit Storybook
- Mit Cypress
React in Practice
- Tooling
- Internationalisierung
- Skalierbare Design-Systeme
- Code-Organisation von Komponenten
- Wiederverwendbare Komponenten
- React mit TypeScript
SSR bzw. SSG mit Next.js
- Überblick über die Architektur
- Routing anhand von Pages
- Data-Fetching
- TypeScript-Support
„Peerigon hat uns mit dem Workshop den perfekten Einstieg in die React-Entwicklung gegeben. Die Inhalte waren genau auf unsere Vorkenntnisse abgestimmt und wurden super vermittelt.“
Migrieren Sie gerade Ihren Frontend-Stack? Dieser Workshop wird gerne mit einem TypeScript-Crashkurs kombiniert. In einem persönlichen Vorgespräch stimmen wir den Workshop-Inhalt auf Ihre speziellen Bedürfnisse ab. Schreiben Sie uns einfach unverbindlich eine Email!
Ihre Ansprechpartner für die React-Schulung: Paul Torka und Michael Jaser
Ihre wichtigsten Vorteile der React Schulung
Kein langweiliger Frontalunterricht. Anstatt stundenlang die Theorie zu besprechen geht es in unseren Workshops gleich zur Sache. 75% der Zeit wird gecodet, versprochen!
Aktueller Content. Unsere Slides und Übungen setzen komplett auf Functional Components und Hooks.
Optimale Betreuung. Wir lassen unsere Workshop-Teilnehmer:innen nicht im Stich. Aus unserer Lehrtätigkeit wissen wir, wie wichtig schnelle Hilfe ist wenn's mal hakt.
Wir wissen wovon wir sprechen. Wir setzen React in unseren Kundenprojekten ein. So stellen wir sicher, dass unsere Workshops konkrete Probleme adressieren.
Praxisnahe Übungen. Abstrakte Übungen sind schön gut, aber wir lösen lieber knifflige Probleme aus dem Entwicklungsalltag.
Maßgeschneiderter Content. In einem Vorgespräch stimmen wir die gewünschten Workshop-Themen mit den Teilnehmer:innen ab.
Unsere React Schulung auf einen Blick
Teilnahmegebühr
Ab einem Basispreis von 2990 EUR/Tag (zzgl. MwSt.), inklusive individueller Vorbereitung, Trainer:in und umfangreichem Workshopmaterial. Hätten Sie gerne weitere Infos? Schreiben Sie uns und erhalten Sie Ihr unverbindliches Angebot!
Ort und Dauer
1- bis 3-tägiger Workshop als Inhouse-Schulung oder alternativ auch als Remote-Schulung. Bei Bedarf organisieren wir gerne eine Räumlichkeit inkl. Catering im Raum München-Augsburg.
Sprache
Dieser Workshop kann auf Deutsch oder Englisch gebucht werden. Die Workshop-Folien und Übungsanweisungen sind auf Englisch.
„Hatten einen großartigen und sehr praxisnahen 2-Tages-Workshop über React & TypeScript mit Peerigon. Unser Team ist jetzt bereit, komplexere Projekte anzugehen.“
Ihr Ansprechpartner für die React Workshops
Johannes ist Co-Founder von Peerigon und gehört fast seit Beginn an zum Core-Team von Webpack. Seit 2013 ist er Dozent für JavaScript und node.js an der Fakultät für Informatik an der Hochschule Augsburg. Johannes spricht regelmäßig auf Konferenzen, seine aktuellen Interessengebiete sind skalierbare Software-Architekturen mit TypeScript und optimierte Build-Prozesse. Als gefragter Speaker auf internationalen Events wie der JSConf in Island, der ReactiveConf in Prag und der Frontend Developer Love in Amsterdam zeigt er aktiv Einsatz für die Open Source-Community.