Webinar-Serie
React: Moderne User-Interfaces
mit Sebastian Springer
Ihr Einstieg ins React-Universum
Diese Webinar-Serie richtet sich an fortgeschrittene JavaScript-Entwicklerinnen und Entwickler, die React einsetzen wollen. Mit dem Framework können Sie unkompliziert dynamische Frontend-Applikationen implementieren, die mit ihrem komponentenbasierten Ansatz viele Vorteile bieten. Mit dem erfahrenen JavaScript-Experten Sebastian Springer lernen Sie die grundlegenden Konzepte von React verstehen, lernen die Verwendung von Hooks kennen und erfahren, wie Sie weitere Features und Bibliotheken einsetzen können. Ebenfalls in der Webinar-Serie dabei sind natürlich Themen wie Statemanagement und Testing. Immer im Blick: Wie Sie von Anfang eine gute Wiederverwendbarkeit Ihrer Komponenten erreichen können.
Diese React-Webinare können Sie buchen
Der Einstieg in React
In diesem ersten Webinar lernen Sie die Komponenten-API von React kennen und erfahren, wie Sie mit State und Lifecycle umgehen können. Sie setzen dabei bereits zu Beginn auf TypeScript, um eine optimale Werkzeug-Unterstützung bei der Entwicklung zu erhalten. Am Ende verfügen Sie über eine einfache, lauffähige Applikation, die Sie nach Belieben erweitern können.
Das lernen Sie in diesem Webinar
- Wie die Komponentenarchitektur einer React-Applikation funktioniert.
- Wie eine React-Applikation inklusive hilfreicher Werkzeuge für den Build-Prozess grundlegend aufgebaut ist und initialisiert wird.
- Wie der Lebenszyklus und die Datenhaltung in einer React-Komponente funktionieren.
- Wie eine React-Applikation an eine Serverschnittstelle angebunden wird.
- Wie TypeScript als Hilfsmittel für die Entwicklung einer React-Applikation eingesetzt wird.
React: Erweiterte Themen
Zusätzlich zur reinen Komponentenarchitektur bietet React noch weitere Features wie beispielsweise die Context-API oder die verschiedenen Funktionen der Hook-API. In diesem Webinar lernen Sie, wie Sie Formulare mit React umsetzen können und wie Ihnen hier Bibliotheken das Leben deutlich erleichtern können. Mit Custom Hooks behandeln wir in dem Webinar ein weiteres zentrales Element von React-Applikationen. Mit diesen speziellen Funktionen können Sie Ihre Komponenten aufräumen und erreichen zudem eine gute Wiederverwendbarkeit.
In diesem Webinar lernen Sie
- Wie Sie die Context-API einsetzen, um Informationen nicht durch den Komponentenbaum reichen zu müssen.
- Wie Sie die Funktionen der Hook-API in Ihrer Applikation nutzen.
- Was Sie über den Aufbau von Formularen und die Einbindung externer Bibliotheken für den Aufbau und die Validierung von Formularen wissen müssen.
- Was Custom Hooks sind und wie Sie sie in Ihrer Applikation nutzen.
React-Funktionen mit externen Bibliotheken erweitern
In diesem Webinar werfen Sie einen Blick auf einige der populärsten React-Erweiterungen wie beispielsweise den React Router für die Navigation in einer Applikation, React-Query für die Kommunikation mit dem Backend, oder React-i18next für die Internationalisierung einer Applikation. React legt seinen Schwerpunkt ganz klar auf die Entwicklung von Benutzeroberflächen und überlässt alle weiteren Aspekte der Entwicklung einer Applikation den Entwickler*innen. Aus diesem Grund hat sich um die Bibliothek ein sehr aktives Ökosystem entwickelt.
In diesem Webinar lernen Sie
- Wie Sie UI-Bibliotheken einsetzen und mit den Komponenten optisch ansprechende Oberflächen umsetzen.
- Wie Sie den React Router für die Navigation in einer Applikation nutzen.
- Welche Möglichkeiten Sie haben, um mit React Query die Serverkommunikation zu verbessern.
- Wie Sie eine Applikation internationalisieren, um ein internationales Publikum anzusprechen.
- Wie Sie mit verschiedenen Features wie Lazy Loading die Performance Ihrer Applikation verbessern.
Verwaltung von globalem State in einer React-Applikation
Große Applikationen profitieren von zentralem Statemanagement. In diesem Webinar lernen Sie den Umgang mit Redux und dem Redux Toolkit kennen. React arbeitet normalerweise mit State-in Komponenten und reicht diese bei Bedarf an Kind-Komponenten weiter. Für komfortableren Zugriff gibt es die Context-API. Für Applikationen mit überschaubarem Umfang reichen diese APIs aus. Zusätzlich zum hier verwendeten Redux Thunk stellt Sebastian Springer mit Redux Saga eine alternative Lösung für eine asynchrone Middleware vor.
In diesem Webinar lernen Sie
- Wie die Flux-Architektur den Aufbau einer React-Applikation beeinflusst.
- Wie Sie Redux für globales Statemanagement in einer Applikation nutzen.
- Welche Möglichkeiten Sie haben, um asynchrone Operationen in einer Redux Applikation durchzuführen.
- Welche Lösungsstrategien Ihnen für asynchrone Middlewares für Redux zur Verfügung stehen.
React-Applikationen mit automatisierten Tests überprüfen
Mit Jest existiert ein hervorragendes Testframework, das sehr gut mit React harmoniert. In diesem Webinar erfahren Sie, wie Sie die verschiedenen Aspekte von React überprüfen können und welche Test-Patterns Sie im Arbeitsalltag kennen sollten. Wir kümmern uns um das Testen des Komponenten-Renderns, der Überprüfung von Interaktion mit Komponenten sowie das Mocken von Serverkommunikation. Sie erfahren außerdem, wo die Grenzen von Unittests sind und wo Sie mit Integrationstests beginnen sollten.
In diesem Webinar lernen Sie
- Wie Sie das Testframework Jest nutzen und welche Möglichkeiten Sie haben, um das Rendern von Komponenten zu testen.
- Wie Sie die Interaktion mit Komponenten automatisiert testen.
- Welche Strategien es gibt, um mit Abhängigkeiten umzugehen.
- Wie Sie Integrations- und Oberflächentests in einer React-Applikation durchführen.
Ticket-Optionen
Ihr JavaScript-Experte
Sebastian Springer ist einer der bekanntesten JavaScript-Experten in Deutschland. Als Entwickler bei MaibornWolff in München beschäftigt er sich vor allem mit der Architektur von client- und serverseitigem JavaScript. Neben der Entwicklung und Konzeption von Applikationen liegt sein Fokus auf der Vermittlung von Wissen. Als Dozent für JavaScript und Speaker auf zahlreichen Konferenzen weckt er die Begeisterung für die professionelle JavaScript-Entwicklung. Er ist Autor des Standardwerks zu »Node.js« und hat ein umfassendes React-Handbuch geschrieben.
Sebastian Springer ist außerdem Dozent für diese Online-Seminare:
Weitere Webinar-Serien von Rheinwerk
In dieser Webinar-Serie vermittelt Ihnen Ernst Tiemeyer praxisnah und anschaulich das nötige Know-how zu den wichtigsten Handlungsfeldern des IT-Managements. Sie lernen in 5 Einzelwebinaren erprobte Vorgehensweisen, Methoden und Instrumente kennen.
Webinar-Serie (5 Webinare)
Lernen Sie fortgeschrittene Arbeitstechniken jenseits von Operatoren und Datentypen kennen und erfahren Sie, welche Ansätze es für häufig wiederkehrende Einsatzgebiete gibt. Machen Sie sich mit asynchronen Design- und Architekturmustern vertraut und erfahren Sie, was Sie über Testing, TypeScript und Performancetraining wissen müssen.
Webinar-Serie (5 Webinare)
Unsere Seminare für Softwareentwickler*innen
Sie sind auf der Suche nach weiteren Schulungen? Wir bieten Ihnen Seminare zu Java, Python, Datenbanken, Web-Entwicklung und vielen weiteren Themen. Auf Wunsch auch als Inhouse-Schulungen (Online-Seminar oder Präsenzschulung).
Alle Webinare sind Teil des Academy-Abonnements
- Die Flatrate mit über 90 Webinaren im Jahr
- Zugriff auf über 100 Videokurse zu IT-Themen
- Persönliche Lernumgebung mit vielen Funktionen
Jahresabo ab € 495,00
Mehr erfahren >über unsere Partner Eventbrite und pretix
per Kreditkarte, PayPal und SOFORT-Überweisung
Kontaktieren Sie uns für ein Angebot
