React Live Conference 2019

Door: Chris de Heij

Op 13 september ben ik met samen met mijn collega Tijmen afgereisd naar Amsterdam om de “React Live Conference” bij te wonen. De naam verraadt het al een beetje, dit is een dag die volledig in het teken staat van het React, React-tooling en verwante technologieën. De conferentie vond plaats in “Theater Amsterdam”. Een bijzonder indrukwekkende locatie, voornamelijk dankzij het gigantische scherm wat achter het podium staat.

Na een korte introductie filmpje was de eerste spreker Sid aan de beurt met een talk over “Design Systems”. Hij legde uit wat het doel is van het inzetten van een design system, en hoe je van een simpele stylesheet naar een volwaardig design system toe kan groeien. Dit werd gedemonstreerd door live een “theme” in React te implementeren.

Op deze React conferentie was er ook genoeg aandacht voor React Native. James Holmgren liet zien hoe je in 25 min een mobiele applicatie maakt. Zeker voor nieuwelingen nuttig om dit hele proces te zien, en kennis te maken met de verschillen (en overeenkomsten) van “gewoon”. Alexey Kureev ging een stuk verder de diepte in, door in te gaan op de architectuur van React Native en hoe deze in de toekomst kan gaan veranderen. Hij focuste op de problemen van de JavaScript-bridge en laat een mogelijke oplossing zien. Om je React Native nog beter te laten performen, biedt Karan Thakkar een manier om code-splitting te implementeren in React Native.

Een thema wat ook veel aan bod kwam was “state management”. Eric Bishard gaf een heldere introductie over hoe “React Hooks” werken. Max Gallo liet zien hoe je het concept van MobX zelf kunt implementeren, door dit ter plekke te reverse engineeren.

Yoav Niran legt uit wat veel voorkomende performance problemen zijn in React. Hij legt uit hoe essentieel het is om eerst nauwkeurig te meten waar de bottlenecks zitten, zodat je niet de verkeerde dingen gaat optimaliseren. Hij introduceert ook tooling als React Profiler en Cypress om je te helpen bij het optimalizeren.

Een bezwaar dat React soms krijgt is dat er nog veel bij komt kijken aan tooling om een productie app te realiseren. Gelukkig zijn er natuurlijk frameworks bovenop React gemaakt om je project sneller draaiend te krijgen, door bijvoorbeeld een hoop configuratie uit handen te nemen. Zo laat Tim Neutkens zien hoe Next.js dit probleem oplost, en wat er nieuwe is in versie 9. Emme Wedekind programmeert op het podium even snel een portfolio in elkaar, met behulp van GatsbyJS.

Dit was een kleine greep uit de onderwerpen die langs zijn gekomen op deze conferentie. Meer informatie over de conferentie en alle sprekers kun je hier terugvinden.