Das bringt euch die Schulung
React ist eine Open-Source-JavaScript-Bibliothek. Mit dieser kann man User-Interfaces in HTML erstellen. Besonderheiten der Architektur sind der Unidirectional Data Flow und der Virtual DOM.
Alleine ist diese Bibliothenk allerdings nicht ausreichend, um umfangreiche Applikationen zu erstellen. Als beliebte Kombination hat sich mittlerweile React in Verbindung mit Redux etabliert. Benutzt wird es von Firmen wie Facebook, Instagram, NetFlix, PayPal und AirBnB.
Unser Kurs behandelt die neuste Version inkl. Router Version 4.
Was ihr lernen werdet
Dies ist unsere empfohlene Agenda für die React & TypeScript Intensiv-Schulung. Wir verfügen darüber hinaus über weiteres Kursmaterial, um Themen einfach nach Bedarf auszutauschen.
Der Workshop beginnt mit den Grundlagen von TypeScript und JSX, vermittelt aber auch fortgeschrittene Konzepte, die speziell für den anschließenden React-Workshop wichtig sind. Hier behandeln wir wichtige Grundlagen, die für die Erstellung von größeren Web-Applikationen notwendig sind. Ein Teil umfasst dabei auch speziell ES2016/17, der regelmäßig in React-Applikationen zu finden ist.
-
ES2017 / ES2018 Einführung
-
Syntax, Datentypen
-
Scoping mit var/let/const
-
Arrow Functions
-
Objekte und Arrays im Detail
-
Funktionen höherer Ordnung
-
Destructuring
-
Promises (Asynchronität)
-
TypeScript Typen
-
Type aliases vs. Interfaces
-
TypeScript Generics
-
TypeScript Utility Types
Der React-Teil startet mit den Grundlagen und geht zum Ende hin in die Tiefe. Wir bauen dabei eine komplette React-Applikation mit Build-Prozess, Routing, Formularen und API-Zugriff. Dabei wechseln wir immer zwischen Theorie und Praxis.
-
Was ist React und wie nutze ich es richtig?
-
Funktionale Komponenten und deren Komposition
-
Einführung in JSX / JSX-Fallstricke
-
Aufsetzen von React-Applikationen mit Create React App und Webpack
-
Props & State und wie diese für Re-renderings sorgen.
-
React Hooks useState, useEffect, ...
-
Effect Life Cycle in der Hooks-Ära
-
Daten via API von einem Backend abfragen
-
State management mit React Context (useContext)
-
State management mit Redux (Hooks basiert)
-
Routing mit dem React Router
-
Formularerstellung und -validierung
-
Best Practices für gute Performance und Wartbarkeit
Was ihr wissen solltet
Das solltet ihr mitbringen
Voraussetzung sind Grundlagenkenntnisse in HTML, CSS, JavaScript und TypeScript. Diese können auch in unserem HTML & CSS Intensiv Workshop, JavaScript Intensiv Workshop und TypeScript Intensiv Workshop in Kombination gebucht werden.
Technische Voraussetzung für den Workshop ist ein Notebook mit Windows, Linux oder macOS. Weiterhin eine aktuelle Version von NodeJS mit einigen Paketen. Hierzu bekommst du eine Schritt-für-Schritt Anleitung nach deiner Anmeldung zu diesem Workshop.
Zielgruppe
Dieser Kurs richtet sich an Einsteiger.
Was enthalten ist
