Kursbeschreibung
In dieser Schulung geht es um die Kombination von React und TypeScript. Bei React können Sie sowohl zwischen JavaScript, als auch dem Superset TypeScript wählen. TypeScript erweitert JavaScript um verschiedene Funktionen, wie zum Beispiel Datentypen Sicherheit, eine erweiterte Objektorientierung (u.a. Interfaces, abstrakte Klassen) und Generics. Beim Deployment wird Typescript wieder in JavaScript übersetzt (transcompiled).
Dieser Kurs beleuchtet dabei vor allem die Praxis-Unterschiede zwischen JavaScript und TypeScript in Kombination mit React. Gemeinsam mit den TeilnehmerInnen wird eine reale und funktionierende Web-Applikation mit zahlreichen weiteren React Bibliotheken (Redux, Redux Thunk, React Router uvw.) in TypeScript implementiert. Kein langweiliger Frontalunterricht - Hands-on mit erfahrenen Profis. Diese Schulung ist kein Grundkurs und richtet sich an EntwicklerInnen die schon Erfahrung mit React haben.
Die wichtigsten Themen im Überblick
- Mit TypeScript Probleme vermeiden
- Reale Beispiele
- funktionierende Anwendungen
- Kein langweiliger Frontalunterrichtt
Zielgruppe
- React EntwicklerInnen die TypeScript für die Entwicklung von Web-Applikationen und Apps nutzen wollen.
Voraussetzung für die Schulung
React Kenntnisse, analog zum React Grundkurs. TypeScript Kenntnisse sind nicht erforderlich, Schaden aber auch nicht.
Kursinhalte
Übersicht und Architektur
- create-react-app mit TypeScript
- Vorteile von TypeScript
- Potentielle Probleme mit TypeScript und React
- Visual Studio Code und WebStorm mit TypeScript
TypeScript
- Statische und dynamische Typen
- Deklaration von Variablen, Funktionen und Klassen
- Objekte
- Interfaces
- any und Generics
- Types Definitionen
React und TypeScript
- Webpack und Babel Konfiguration
- tsconfig.json
- strict mode
- TSX im Vergleich zu jSX
- @types/react, @types/react-dom
- Eigene Type Definitionen
- Application Store mit Redux und TypeScript
- Redux Thunk
- Routing mit React Router
Fortgeschrittene Themen
- Type Definitionen für JavaScript Libraries erstellen (.d.ts)
- Anbindung an Webservices
- Dou0027s and Donu0027ts für TypeScript und React
- Testing mit Jest & Co
- JSDoc