Frontend-Entwicklung mit React und MobX

Einleitung

React ist eine moderne JavaScript Library für die Erstellung von User Interfaces. Der Fokus liegt dabei bei der Erstellung von komplexen Single Page Applikationen. In nur vier Jahren hat sich React zu dem populärsten modernen Web-Framework entwickelt und wird von unzähligen Firmen verwendet (Facebook, Apple, Microsoft, Netflix …) und viele Produkte setzen React ein (Jenkins, jira, Firefox, WhatsApp, Office UI Fabric …).
React findet nicht nur in der Web-Entwicklung, sondern auch bei der Entwicklung von nativen Mobile-Apps (React Native) eine grosse Verbreitung.
In seinem Kern bietet React ein sehr einfaches aber mächtiges Komponenten-Model. React bricht dabei mit der traditionellen Separierung von Layout (HTML) und Verhalten (JavaScript): Mittels JSX können Templates im JavaScript Code deklariert werden. Dieser neue Ansatz erlaubt eine effiziente und produktive Programmierung.

Ein zentraler Aspekt bei der Erstellung von Single Page Applikationen (SPA) ist die Verwaltung des client-side-state. MobX ist eine State-Management Library, welche React optimal ergänzt. Im Unterschied zu anderen aktuellen State-Management Libraries wie Redux oder NgRx ermöglicht MobX ein sehr einfaches und intuitives Programmiermodell, das auf veränderbaren, reaktiven Datenstrukturen beruht.

Programm

• Einführung in die Konzepte von React: Komponenten & Data-Flow
• Aufbau eines Kompletten Frontend-Stacks mit React (Routing, Backend-Zugriff, Komponenten-Bibliotheken …)
• Ansätze für State-Management in Single Page Applikationen
• Verwendung von MobX als State-Container
• React & MobX Development Tools

Kursziel

• Sie verstehen die Konzepte und das Programmier-Modell von React und MobX.
• Sie erlernen einen neuen, innovativen Ansatz für die Architektur und Implementation von Single Page Applikationen.

Adressaten

Der Workshop ist für alle EntwicklerInnen und Architekten interessant, welche React kennenlernen wollen und Interesse an innovative Alternativen zur traditionellen Frontend-Programmierung haben.

Voraussetzungen

Grundkenntnisse in der Web-Programmierung und JavaScript

Infrastruktur

Bitte bringen Sie Ihren Laptop mit.