Anmeldung zum Seminar
Wenn Sie an diesem Seminar teilnehmen wollen, füllen Sie folgendes Formular aus.Die mit * gekennzeichneten Felder müssen ausgefüllt werden.
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. Kursinhalte
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. 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
- Do’s and Don’ts für TypeScript und React
- Testing mit Jest & Co
- JSDoc