Schulungsübersicht
Einführung
- MobX vs Redux vs Relais
Verstehen State Management
- Wie React mit lokalen Zuständen umgeht
- Wie Redux den Zustand verwaltet
- Wie MobX den Zustand verwaltet
Erste Schritte
- Vorbereiten der Entwicklungsumgebung
- Installieren und Konfigurieren MobX
Erstellung einer Anwendung
- Überblick über die Komponentenarchitektur
- Erstellen einer React Anwendung (Komponenten, Element, JSX, etc.)
Arbeiten mit React Komponentenzustand
- Initialisieren und Aktualisieren des Status
- Arbeiten mit Formularen
Implementierung eines MobX Datenspeichers
- Einrichten des Datenspeichers
- Übergabe von Daten an Komponenten
- Inhalt des Datenspeichers ausgeben
Änderungen an Daten verwalten
- Hinzufügen von Daten zum Speicher
- Benachrichtigung React über die Änderung des Datenzustands
Aktualisieren der Ansicht
- Deklaration beobachtbarer Daten
- Aktualisieren der Ansicht
Verbesserung des DataFlow
- Ändern von Zustandsdaten durch Aktionen
- Aufruf von Aktionen (Vermeidung von unsicherer Datenmanipulation)
Arbeiten mit berechneten Werten
- Perforierende Berechnungen von Kerndaten
Verwendung fortgeschrittener Entwicklungswerkzeuge und -techniken
- Erstellen von Komponenten mit ES2017
- Verwendung von Babel für ES2017 und JSX
- Verwendung von WebPack für React und MobX
- Ausführen asynchroner Aktionen mit MobX
Testen der Anwendung
- Erstellung von Unit-Tests für React-Komponenten
- Auswahl von Tools und Frameworks (Jest, Enzyme, TestUtils, etc.)
- Erstellen von Unit-Tests für MobX-Speicher
- Fehlersuche in der Anwendung
Bereitstellen der Anwendung
- Tooling und Automatisierung
- Implementierung der kontinuierlichen Integration (CI)
Fehlersuche
Zusammenfassung und Schlussfolgerung
Voraussetzungen
- React Programmiererfahrung
Publikum
- Entwickler
Erfahrungsberichte (6)
Die Situation war untypisch, da eine intensive Schulung für Entwickler mit Nicht-Entwicklern durchgeführt werden sollte. Lukasz nahm diese Herausforderung mit Einfühlungsvermögen und viel Humor an. Durch seine intelligente und flexible Art konnte er dafür sorgen, dass ein konkreter Lerngewinn für alle erreicht wurde. Es hat mir sehr viel Spaß gemacht und ich würde gerne wieder ein Seminar mit Lukasz machen.
Christoph - Honda Bank GmbH
Kurs - MERN Fullstack Development
Maschinelle Übersetzung
It was nice it had a lot of exercise, but the pace is too fast.
Irina - Thales Group
Kurs - Advanced React
Wie der Trainer den Unterricht strukturierte und erklärte: vom Sprechtempo bis zu den erklärten Informationen, sodass sowohl Erfahrene als auch Anfänger sie verstehen. Danke, Marcin!
Ana - MSG system
Kurs - Building Micro Frontends with React
Maschinelle Übersetzung
Freundliche Umgebung. Außerdem gefiel mir das Einzeltraining. Es ist sehr produktiv. Ich würde es auf jeden Fall meinen Freunden und Kollegen empfehlen.
Zeed - Tamkeen Technologies
Kurs - Building Microservices with NodeJS and React
Maschinelle Übersetzung
The general knowledge sharing by Narendra and all the dev resources shared
Pako Diale
Kurs - Transform a React Application into a Progressive Web App (PWA)
Lukas Geduld
Stroila Adrian Emilian
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung