Freitag, 09:00 Uhr

Deep Dive in das React-Universum

React, Redux, Flow, Jest – das sind nur einige Werkzeuge aus dem Umfeld von React.

In diesem Workshop bauen wir gemeinsam eine React-Applikation und Sie lernen Schritt für Schritt die verschiedenen Werkzeuge und Bibliotheken sowie ihren Einsatzzweck kennen. Sie erfahren, wie Sie mit dem State Ihrer Applikation umgehen, wie Sie sich in der Applikation bewegen und mit einem Server kommunizieren. Außerdem beschäftigen wir uns mit Typsicherheit und Testing.

Am Ende haben Sie selbst eine Applikation erstellt, die Sie mit nach Hause nehmen können, um sie dort weiterzuentwickeln.

Agenda

• ab 08.00 Uhr: Registrierung und Begrüßungskaffee


• 09.00 Uhr: Beginn


• 10.30 Uhr - 10.45 Uhr: Kaffeepause


• 12.15 Uhr - 13.15 Uhr: Mittagspause


• 14.30 - 14.45: Kaffeepause


• ca. 16.30 Uhr: Ende

Technische Anforderungen:

• Bringen Sie bitte einen eigenen Laptop mit


• Installieren Sie bitte im Vorfeld die aktuelle Version von Node.js


• Installieren Sie sich eine Entwicklungsumgebung (Meine Empfehlung: Visual Studio Code oder WebStorm)


• Installieren Sie Yarn (https://yarnpkg.com/en/docs/install)


• Erzeugen Sie sich ein neues Verzeichnis, in dem Sie die Beispiele des Workshops nachvollziehen und führen dort auf der Kommandozeile bitte folgende Kommandos aus:




• yarn add -g create-react-app


• create-react-app workshop


• cd workshop


• yarn add history prop-types react-redux react-router react-router-dom react-router-redux redux redux-observable rxjs styled-components

Vorkenntnisse:
Grundwissen in HTML, CSS und JavaScript.

Lernziele:
Sie verfügen über eine vollständige React-Applikation, die sie selbst erweitern können.