Schulungsübersicht
Einführung
- React im Vergleich zu Angular und anderen Frameworks
React verstehen
- JSX, Komponenten und Props, der Lebenszyklus von Komponenten usw.
- Anwendungsstatus vs. Datenstatus verwalten
React-Anwendungen mit ES6 schreiben
- Syntax und ES6+ Features, auf die zu achten ist
Die Entwicklungsumgebung einrichten
Überblick über Node.js
Installation und Konfiguration von Node.js
Überblick über Webpack und Babel
- "Transformation" verstehen (Übersetzen von JSX in JavaScript)
Webpack installieren und konfigurieren
Babel installieren und konfigurieren
React und ReactDOM installieren
Ihre erste React-Anwendung schreiben
WebPack einrichten, um auf Änderungen an Quelldateien zu reagieren
npm als Tool-Runner einrichten
Die React-Anwendung mit neuen Komponenten erweitern
Flux- und Redux-Architektur in eine React-Anwendung implementieren
Flux und Redux verstehen
- Statuslose Komponenten, Aktionen, Reducer, Dispatcher, Middleware, Container usw.
Mehrere Ansichten in die React-Anwendung integrieren
Redux installieren und konfigurieren
Eine einfache To-do-Liste mit Flux/Redux erstellen (mit Mock-Server-API)
Backend mit der React-Anwendung integrieren: GraphQL und Apollo
Überblick über GraphQL
- Datentypen, Schemata, Graphstruktur und Integration mit React
- Einschränkungen von RESTful-Routing
- GraphQL vs. SQL
Eine GraphQL-Abfrage schreiben
Nutzer authentifizieren
React Router mit GraphQL integrieren
Einen einfachen Blog mit React und GraphQL erstellen
Ihre React-Anwendung testen
React-Anwendungen mit npm-Befehlszeilen-Skripten verarbeiten
Troubleshooting
Aufbau des App-Repositories
Best Practices für die Schreibweise von React-Code
Ihre React-Anwendung bereitstellen
Eine Bemerkung zu mobilen Anwendungen mit React Native
Zusammenfassung und Schlussfolgerung
Voraussetzungen
- Erfahrung in der Entwicklung von Webanwendungen
- Kenntnisse in JavaScript-Programmierung
- Bekanntschaft mit React
Zielgruppe
- Entwickler
Erfahrungsberichte (4)
Lockerer Vortrag, nicht zu formal
Amir Sacic - Best Gaming Technology GmbH
Kurs - Building Interactive Applications with React, Redux and GraphQL
Gute und interessante Vorträge und Übungen. Der Ausbilder ist auf jeden eingegangen und hat jedem bei einem Problem geholfen. Sehr gute Kentnisse zum Thema und konnte Fragen sehr genau und ordentlich beantworten. Auch persönlich ein sehr netter Mensch mit dem man auch so gut plaudern kann.
Christoph Handler - Best Gaming Technology GmbH
Kurs - Building Interactive Applications with React, Redux and GraphQL
* Der praktische Ansatz, der uns half, das Thema besser zu verstehen. * Die Flexibilität des Lehrers bei der Abdeckung von Themen, die für unsere Anwendungsfälle relevant sind.
Juan Rial - Cegeka NV
Kurs - Building Interactive Applications with React, Redux and GraphQL
Maschinelle Übersetzung
Obwohl ich das Thema bereits gut kannte, habe ich während des Kurses viele nützliche Informationen entdeckt.
Stefan-Lucian Bucur - Cegeka NV
Kurs - Building Interactive Applications with React, Redux and GraphQL
Maschinelle Übersetzung
 
                     
                    