Frontend-Entwicklung mit React und MobX

Software Entwicklung mit Open Source
12.09.2018: 16 Freie Plätze


9:10 – 17:00 Uhr
ETH Zürich
Max. Teilnehmer: 22

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.


Referenten

Jonas Bandi

IvoryCode GmbH


Jonas Bandi hat 16 Jahre Erfahrung als Entwickler in diversen Enterprise-Projekten. Aktuell arbeitet er als Freelancer in verschiedenen Entwicklungs- und Beratungsmandaten. Seine praktische Erfahrung aus Projekten ermöglichen ihm in Workshops und Kursen die Theorie auf Real-World Szenarien in der Praxis abzubilden. Er unterrichtet seit neun Jahren an der Berner Fachhochschule unteranderem im CAS "Applikationsentwicklung mit JavaScript, HTML5". In den letzen Jahren hat er ausserdem viele InHouse-Kurse und Coachings für moderene Webentwicklung im Enterprise Umfeld durchgeführt.