React Amsterdam Konferenz 2019

Wir sind pünktlich auf dem Amsterdamer Flughafen Schiphol gelandet. Vom größten Flughafen der Niederlande brauche ich etwa 40 Minuten, um in den Norden der Stadt zu gelangen, zur De Kromhouthal, wo die React Amsterdam Conference 2019 stattfindet, und ich bin schon sehr gespannt darauf.

Eine spezielle React-Amsterdam-Fähre mit grüner Flagge und dem Logo der 4. React-Amsterdam-Konferenz lud zum Kreuzen direkt hinter dem Amsterdamer Hauptbahnhof ein, der wunderschön aussah. Es ist eine ganztägige, zweigleisige Konferenz rund um React, die Front-End- und Full-Stack-Entwickler aus der ganzen Welt im technischen Herzen Europas versammelt.

Die React Amsterdam Conference 2019 ist React, das rockt und der Frühling in Amsterdam, der blüht. De Kromhouthal begrüßte namhafte Community-Mitglieder und OS-Mitwirkende in Amsterdam, um Wissen über alles, was mit React zu tun hat, zu teilen, einschließlich Native, GraphQL, Testing, ReasonML und Design Systems.

Das Frühstück wurde um 8 Uhr vorbereitet, gleich nach der Registrierung und nachdem sich die über 150 Teilnehmer frisch gemacht hatten, begann Kent C. Dodds zu erklären, warum React eine so brillante JavaScript-Bibliothek für die Erstellung einfacher und komplexer Benutzeroberflächen ist und führte insgesamt zwei Workshops durch. Das Wort wurde an Siddharth Kshetrapal übergeben, der über das Komponentenmuster sprach, das jede Codebasis in welchem Anwendungsfall auch immer besser machen wird.

Nach der Kaffeepause sprach Mark Dalgleish über Designsysteme als eine Möglichkeit, unsere jeweiligen Designsprachen in wiederverwendbare Komponenten zu standardisieren. Und der Tag ging weiter mit Andrey Okonetchnikov, der zusammen mit Artem Sapegin einen Workshop über Designsysteme für React-Entwickler veranstaltete, in dem gezeigt wurde, wie Designsysteme einen systematischen Ansatz für den Prozess der Produktentwicklung bieten.

Max Stoiber, Max Gallo, Elizabeth Oliveira, Peggy Rays und Ashi Krishnan kamen einer nach dem anderen und erleuchteten die Konferenz. Der erste Tag war ein Feuerwerk an Ideen, Best Practices und Beispielen dafür, wie React ein großartiges Werkzeug sein kann, um die Nutzererfahrung ohne großen Aufwand zu verbessern.

Eine interessante Lektion war das Thema Microfrontends. Der Begriff Micro Frontends tauchte erstmals Ende 2016 im ThoughtWorks Technology Radar auf und erweitert die Konzepte der Micro Services auf die Frontend-Welt. Durch die Aufteilung des Frontends in mehrere autarke SPAs lässt sich die Überhitzung der Kommunikation im Team reduzieren. Kleine Frontend-Teams arbeiten unabhängig an ihrem Teil.

Die Idee der Mikro-Frontends ist ähnlich wie die Idee der Mikro-Services. Die Aufteilung des Frontends in einzelne, autarke SPAs ermöglicht es, die Überhitzung der Kommunikation im Team zu reduzieren. Kleine Frontend-Teams arbeiten unabhängig voneinander an ihrem Teil.

Beispiele:

Spotify: Die Spotify-Desktop-App ist eine Sammlung von Iframes, die von verschiedenen Teams gepflegt werden

Zalando: Zalando unterteilt die Seiten in Blöcke, die unabhängig voneinander entwickelt werden.

DAZN Praxis:

Nebeneinander gespeicherte Frontends. Sie verwenden ein Index-Routing, das sie "Bootstrap" nennen, das zuerst geladen wird und einfache Animationen anzeigt, während unter der Haube ein geeignetes Frontend auf der Grundlage einiger benutzerspezifischer Informationen geladen wird. Bootstrap ist in Vanilla JS geschrieben.

Der Code wird nicht zwischen den Teams geteilt. Die Kosten der Duplizierung werden durch die Unabhängigkeit und Autonomie der Teams kompensiert.

Die nächste interessante Sache war GraphQL. GraphQL ist eine Abfragesprache für APIs und eine Laufzeitumgebung für die Erfüllung dieser Abfragen mit Ihren vorhandenen Daten.

Die zu verwendenden Tools sind Sangria - Scala GraphQL Implementation und ein von Prisma gehosteter Datenbankdienst und prisma/graphql-yoga.‍

Wenn Hooks in der App verwendet werden, sind react-apollo-hooks die bessere Wahl.

Die Workshops waren fabelhaft und das Publikum konnte teilnehmen und wertvolle Grundlagen, Prinzipien und Muster lernen. Jeder genoss die gut organisierte und durchgeführte React-Konferenz. Die Redner haben gezeigt, wie leidenschaftlich sie sich für React einsetzen und ich habe die Workshops geliebt, das kompakte Wissen aufgesaugt und wertvolle Einblicke in neue Konzepte der React-Community erhalten.