Skip to Content
Mobile Apps6 - Weitere FrameworksLynx

Lynx

Allgemeines

https://lynxjs.org 

  • Von ByteDance (TikTok) entwickelt
  • Anfang März 2025 als Open Source Projekt veröffentlicht:
  • Apps werden in JavaScript/TypeScript geschrieben
  • Aktuell basiert Lynx mit ReactLynx auf React aber es wären auch andere Renderer möglich
  • CSS wird unterstützt
  • Ähnlich wie bei Expo gibt es mit Lynx Go eine App, um Lynx-Apps zu testen

You can think of [Lynx] as an “alternative Web tailored for app development”. It aims to honor the assets of web technologies while taking an opinionated approach, supporting web-like APIs and adding constraints and extensions with clear intent. (Quelle:https://lynxjs.org/blog/lynx-unlock-native-for-more.html )

Im Oktober 2025 wird Lynx noch nicht als alleinstehenden Framework für die App-Entwicklung empfohlen:

Currently, Lynx is not suitable for building a new application from scratch. You need to integrate Lynx (engine) with your native mobile app or web app, and load Lynx apps through Lynx views.

Quelle: https://lynxjs.org/guide/start/integrate-with-existing-apps 

Wir checken jedes Jahr erneut, ob Lynx schon als eigenständiges Framework empfohlen wird.

Installation

Siehe https://lynxjs.org/guide/start/quick-start 

Minimale App

Drei statische Todos in App.tsx:

import './App.css';
 
export function App() {
  return (
    <view className="App">
      <text className="Todo">Sport</text>
      <text className="Todo">Einkaufen</text>
      <text className="Todo">Lynx lernen</text>
    </view>
  );
}

Styles in App.css:

:root {
  background-color: #000;
  --color-text: #fff;
}
 
text {
  color: var(--color-text);
}
 
.App {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
 
.Todo {
  font-size: 32px;
}

Es gibt ein paar vordefinierte Komponenten, die im Gegensatz zu React Native nicht importiert werden müssen, z.B.:

6 - Weitere FrameworksIonic