React Workshop

Workshops rund um React

Wir (Oliver Zeigermann, Nils Hartmann) möchten dir bei der Arbeit mit React helfen und bieten dazu Workshops, Schulungen und Beratung an. Wenn du Interesse oder Fragen dazu hast, melde dich einfach bei uns per E-Mail: autoren@reactbuch.de, dann können wir alles weitere besprechen.

Nächste Termine

Individuelle Workshops

Im folgenden stellen wir dir mögliche Inhalte vor, die wir für einen individuellen In-House-Workshop anbieten können, um genau auf die Bedürfnisse deines Teams einzugehen.

ECMAScript 2015: alles, was du für React benötigst

React Anwendungen werden üblicherweise mit ECMAScript 2015 (ES6) gebaut. Zu Beginn des Workshops zeigen wir dir die relevanten neuen Sprachfeatures, so dass du an dem Workshop auch teilnehmen kannst, wenn du bislang nur mit ES5 gearbeitet hast.

Die JavaScript Spracherweiterung JSX

Komponenten werden in React ohne Templatesprache programmiert! Stattdessen kommt React mit einer JavaScript Spracherweiterung mit dem Namen JSX her, die es erlaubt, HTML-artigen Code direkt in deinen JavaScript-Code zu schreiben. Wir zeigen dir, wie die JSX Syntax aussieht, und wie du deine in JSX geschriebenen Anwendungen in gültiges, für den Browser verständliches, JavaScript compilieren kannst.

Wiederverwendbare Komponenten mit React antwickeln

Das Herzstück jeder React Anwendung sind Komponenten. Angefangen wird mit kleinen, isolierten Komponenten, die sich gut wiederverwenden lassen. Diese Komponenten werden dann zu kompletten Anwendungen zusammengesteckt.

In unserem Workshop schauen wir uns an, wie Komponenten mit React entwickelt werden. Dazu gehören zum Beispiel die folgenden Themen:

Das Flux Architekturmodell - am Beispiel von Redux

Wenn deine React Anwendung größer wird, benötigst du eine solide Architektur um deine Anwendung verständlich und wartbar zu halten. Mit Flux hat Facebook ein Architekturmodell vorgestellt, das typische Probleme von (React-basierten) Webanwendungen lösen soll.

In unserem Workshop stellen wir dir zunächst die grundlegenden Ideen von Flux vor und zeigen dir, welche Probleme sich damit lösen lassen.

Konkret schauen wir uns dann die Bibliothek Redux an, die sich mittlerweile im React-Umfeld etabliert hat auch wenn Redux an einigen Stellen vom "vanilla" Flux abweicht und eigene Akzente setzt. Wir schauen uns an, wie du mit Redux den kompletten Zustand deiner Anwendung aus deinen Komponenten herausziehen und zentral verwalten kann. Wir diskutieren die Vorteile (und Nachteile) dieser Idee, sehen uns an was das für deinen Code und die Entwicklung sowie das Testen bedeutet.

Arbeiten mit dem React Router und der History

Ein häufige Anforderung an Single Page Anwendungen ist es, dass man darin über URLs bzw die History-Funktion des Browsers genauso gut navigieren kann, wie "klassische" Webanwendungen.

Dazu gibt es mit dem React Router Projekt eine Lösung für React-basierte Anwendungen, die wir dir vorstellen. du lernst, wie du URLs auf Komponenten mappen kannst, wie du auf URL-Parameter zugreifen und über die History navigieren kannst.

Serverzugriffe

In der Regel müssen Anwendungen Daten von einem Server lesen oder schreiben. React macht keine Aussage dazu, wie die Kommunikation mit einem Backend, z.B. über eine REST-Schnittstelle, aussehen muss.

Wir stellen dir einen möglichen Weg vor, der sehr einfach ist und auch Browser-übergreifend funktioniert. Dabei werden wir uns ansehen, wo du die Serverzugriffe in deinen React Komponenten machst und welche Auswirkungen sich dadurch auf die Architektur der Anwendung ergeben.

React Anwendungen testen (mit und ohne Browser)

React Anwendungen lassen sich sehr gut testen, und zwar auch ohne, dass du dafür einen Browser benötigst. Wir werden uns unterschiedliche Ansätze ansehen und bewerten und dir einen Überblick in konkrete Testframeworks für React geben.

Universal Webanwendungen mit React entwickeln

Als "universal webapps" werden Webanwendungen bezeichnet, die einerseits auf dem Client aber auch auf dem Server gerendert werden können. Das kann zum Beispiel interessant sein, um sehr schnell eine erste Seite der Anwendung anzeigen zu können oder auch für Suchmaschinen Optimierung.

Wir besprechen welche technischen Voraussetzungen erfüllt sein müssen, damit sich eine Anwendung überhaupt serverseitig rendern lässt und welche Anforderungen an die Anwendungsarchitektur sich ergeben.

Mögliche weitere Themen

Voraussetzungen

Zur erfolgreichen Teilnahme an unseren Workshops solltest du über JavaScript Kentnisse verfügen. Es reichen ES5 Kentnisse, wir werden dir in dem Workshop die relevanten Neuerungen aus ECMAScript 2015 (ES6) zeigen.

Trainer

Nils Hartmann ist Software-Enwickler und -Architekt aus Hamburg. Nils hat langjährige Erfahrung mit der Entwicklung von großen Java-Anwendungen. Mittlerweile beschäftigt er sich neben der Java-Entwicklung auch mit dem server- und clientseitigen Einsatz von JavaScript.
Kontakt: https://nilshartmann.net (@nilshartmann)

Oliver Zeigermann ist Entwickler, Architekt, Berater und Coach. Oliver wendet seine Erfahrungen aus dem Java-Umfeld auch auf die Softwareentwicklung und Architektur mit JavaScript an.
Kontakt: http://zeigermann.eu (@djcordhose)

Kontakt

Wenn du Interesse an einem Workshop hast, schicke uns doch einfach eine E-Mail an die Adresse autoren@reactbuch.de. Wir melden uns dann umgehend bei dir, um mit dir die Details zu besprechen.

Individuelle Beratung und Coaching

Neben dem beschriebenen Workshop bieten wir auch individuelle Beratung und Coaching an. Wir können dir zum Beispiel vor Ort helfen, dein React-Projekt aufzusetzen, eine Migrationsstrategie erarbeiten oder eine Architektur für deine Anwendung entwicklen. Neben Beratung zu React können wir dir auch bei anderen Fragen rund um JavaScript behilflich sein.

Das React Buch

Wir haben auch ein Buch über React geschrieben, das im Juni 2016 im dpunkt-Verlag erschienen ist. Es bietet unter anderem eine Einführung in React, React Router und Redux.

Weitere Informationen zu dem Buch erhälst du hier: