Expo SDK 52 im Überblick - Alle wichtigen neuen Features für App Entwickler

Version 52 des weit verbreiteten React Native Open-Source Framework Expo ist eines der bisher umfangreichsten Updates. Neben vielen bekannten Bugs werden auch eine ganze Reihe neuer Funktionen, welche die Leistung verbessern oder zum Beispiel die Integration von Videos erleichtern, veröffentlicht. Die neue Expo Version erleichtert die Arbeit von Software Entwicklern und bietet gleichzeitig neue Möglichkeiten bei der App-Entwicklung. 

Hier ein Überblick über die wichtigsten neuen Expo Funktionen:  

Bessere App Performance dank "New Architecture"

Bei der Entwicklung mit React Native wird zur Kommunikation mit nativen Plattformen eine sogenannte “Bridge” verwendet. Dies hatte jedoch traditionell den Nachteil, dass der Wechsel zwischen den beiden Welten mit einer kurzen "Übersetzungspause" verbunden war. Mit dem SDK 52 wurde die “New Architecture” veröffentlicht, die dieses Problem grundlegend angeht und löst.

Verbesserte Splash Screens auf Android

Animationen wie ein sanftes Einblenden (fade in) in eine App sind jetzt einfacher zu implementieren und Dark Mode für Splash Screens wird in SDK 52 ebenfalls voll unterstützt. Je nach Geräteinstellung bekommen Nutzer entweder den Dark Mode oder Light Mode Splash Screen automatisch angezeigt.

Expo Video: Stabilität und neue Funktionen wie Picture-in-Picture-Modus

Stabilitätsprobleme bei der Wiedergabe von Videos, die seit SDK 51 bekannt waren, wurden mit diesem Update behoben. Auch können mit Expo SDK 52 erweiterte Videofunktionen wie Picture-in-Picture-Modus und Hintergrundwiedergabe genutzt werden.

Leichtere Integration und Migration von React Komponenten für Web

Bei der Programmierung von Webseiten mit React werden HTML-Elemente wie “div” und “span” genutzt. Mit Expo SDK 52 wird eine neue Direktive “use dom” eingeführt, die eine direkte Nutzung dieser Elemente in Expo und in nativen Apps ermöglicht. Damit werden HTML-Elemente wie div und span in einem WebView innerhalb der App gerendert. Dies vereinfacht die Migration von komplexeren Webseiten zu nativen Apps, ohne die gesamte Webseite als React Native App neu schreiben zu müssen. 

Verbesserungen in Expo CLI: Tree Shaking Support

Expo CLI wird mit neuen Funktionen erweitert, darunter Tree Shaking Support: Bei der Nutzung von platform.select wird Code der nur für eine bestimmte Platform (z. B. iOS oder Android) vorgesehen ist auch nur bei der Nutzung dieser vordefinierten Platform geladen. Mit dem Expo SDK 52 wird Tree Shaking auch bei anderen Bibliotheken oder Modulen unterstützt. Dies verbessert die Code-Effizienz, da Ladezeiten und Dateigrößen bei Over-the-Air-Updates reduziert werden können.

Experimentelles Feature: Unterstützung für React Compiler in Expo CLI

Der React Compiler optimiert React-Apps zur Build-Zeit automatisch. Er erkennt eigenständig, wann useMemo, useCallback sowie andere Optimierungen genutzt werden sollten. Entwickler müssen also nicht mehr daran denken, diese Code-Optimierung selbst vorzunehmen.

Neue React Native Dev Tools vorgestellt

Mit SDK 52 wurden die neuen React Native Dev Tools veröffentlicht. Diese ersetzen den alten Debugger. Sie bieten eine verbesserte Oberfläche, die den aus dem Web bekannten Developer Tools ähnelt – inklusive Konsole, Quellcode-Ansicht und Komponentenhierarchie. Es gibt auch andere Verbesserungen, wie die Unterstützung für das Pausieren im Debugger-Modus.

Neben dieser Haupt Updates wurden mit Expo SDK 52 auch noch zahlreiche weitere Updates veröffentlicht. Diese umfassen verbesserte Funktionen für expo- camera, expo-image, Expo Modules API und viele mehr. Eine vollständige Liste aller Updates kann in dem offiziellen Expo SDK 52 Change Log gefunden werden.