- Eine schnellere und flüssigere React-Native-Alternative von TikTok (ByteDance)
- Lynx ist eine Technologiefamilie, die dabei hilft, mit Webtechnologien native UI zu erzeugen
- Mit einer einzigen Codebasis können verschiedene Plattformen wie Mobile und Web unterstützt werden
- Bietet performanceorientierte UI-Programmierung und Rust-basiertes Tooling für große Apps wie TikTok
- Um die Grenzen bestehender Cross-Platform-Entwicklung zu überwinden, wurde die Open-Source-Freigabe beschlossen
Bereitstellung großer, schneller nativer Apps
- Für Nutzer mobiler Apps führt ein nicht-natives Erlebnis zu einer negativen Wahrnehmung
- Leere Bildschirme, Animationsverzögerungen von 0,1 Sekunden, inkonsistente UI usw. senken das Vertrauen
- Trotz Unterstützung verschiedener Plattformen bleibt es schwierig, überall dieselbe Erfahrung zu schaffen
- Lynx unterstützt verschiedene Plattformen mit einer einzigen Codebasis und kann so Entwicklungszeit und -kosten senken
- TikTok hat Lynx schrittweise eingeführt und damit erfolgreiche Ergebnisse erzielt
- Lynx wird auf verschiedenen Plattformen wie TikTok Studio, Shop und LIVE eingesetzt
- Auch bei großen Events (Disney100, Met Gala usw.) kam Lynx zum Einsatz
Inspiration für die Web-Community und Förderung des Wachstums
- Die Webplattform wurde ursprünglich dokumentenbasiert entworfen, hat sich aber schrittweise zu einer App-Entwicklungsplattform entwickelt
- PhoneGap (Cordova) und React Native sind wegweisende Beispiele für die Verbindung von Webtechnologien und nativer UI
- Lynx bietet ein für die App-Entwicklung optimiertes Modell, das die Stärken von Webtechnologien bewahrt und zugleich klare Einschränkungen und Erweiterungen einführt
- Konformität mit Webtechnologien: Unterstützung für Markup und CSS
- Erweiterung und Differenzierung: Anwendung einer klaren Designabsicht, die sich vom Web unterscheidet
Design auf Basis von Markup und CSS
- Lynx bewahrt die Vertrautheit der Webentwicklung
- Unterstützt CSS-Animationen und Übergangseffekte
- CSS-Selektoren und Variablen ermöglichen Themes
- Unterstützt moderne visuelle CSS-Effekte wie Clipping und Masking
Effiziente Nutzung des Main Threads
- Benutzerskripte werden auf zwei Runtimes verteilt verarbeitet
- Main-Thread-Runtime: Auf Basis von PrimJS (JavaScript-Engine) für initiales UI-Rendering und die Verarbeitung priorisierter Events
- Background-Runtime: Führt den normalen Benutzercode aus
- Bietet zwei zentrale Funktionen
- Instant First-Frame Rendering (IFR): Sofortiges Rendern des ersten Frames → beseitigt leere Bildschirme
- Main-Thread Scripting (MTS): Verarbeitet Events mit hoher Priorität flüssig
- Auf Lynx basierende UIs liefern im Durchschnitt eine 2- bis 4-mal schnellere Ausführungsleistung
Lynx wird Open Source
- Lynx wird von ByteDance entwickelt und bei TikTok bereits breit eingesetzt
- TikTok will Lynx als Open Source unterstützen und zur technischen Weiterentwicklung, Community-Aktivierung und zum Wachstum des Ökosystems beitragen
Verbreitung von Cross-Platform-Technologien
- Die bisherige Cross-Platform-Entwicklung wurde von einigen wenigen großen Anbietern dominiert
- Lynx bietet keine einzelne Lösung, sondern eine Meta-Infrastruktur → verschiedene Ansätze sind möglich
- ReactLynx: Unterstützt React-ähnliche Komponenten und deklarative UI auf Basis von Lynx
- Rspeedy (Rust-basierter Bundler) verfügbar → unterstützt schnelle Builds und Module Federation
- Lynx ist nicht an ein bestimmtes Framework oder Rendering-Backend gebunden
- Inspiriert von Projekten wie Chromium, Flutter und React Native
- Lynx kann im Browser laufen → Erweiterung auf Desktop, TV, IoT usw. möglich
Ein neuer Anfang
- Lynx wird bereits in Produktion eingesetzt und als Version 3.x veröffentlicht
- Über Open Source soll ein transparenter Entwicklungsprozess offengelegt werden
- Weitere Komponenten, Grafik-Renderer, Frameworks usw. sollen später veröffentlicht werden
- Gemeinsam mit der Open-Source-Community sollen die Grenzen der Cross-Platform-Entwicklung überwunden werden
- Community-Feedback und Beiträge sind willkommen
3 Kommentare
Ich denke, die Verwendung des vorgefertigten Lynx Explorer wird wohl nur in der Entwicklungsphase so sein. Realistisch betrachtet verstehe ich es so, dass bereits der Prozess, den Lynx Explorer zu builden, Aufwand erfordert.
Ich interessiere mich sehr für React Native, und dieser hier macht mich auch neugierig.
Der obige Inhalt wurde dem offiziellen Einführungstext Lynx: Unlock Native for More entnommen.