{"id":19,"date":"2025-10-06T09:47:55","date_gmt":"2025-10-06T09:47:55","guid":{"rendered":"https:\/\/docs.pedagotchi.de\/?post_type=docs&#038;p=19"},"modified":"2025-10-07T14:33:00","modified_gmt":"2025-10-07T14:33:00","password":"","slug":"frontend","status":"publish","type":"docs","link":"https:\/\/docs.pedagotchi.de\/index.php\/docs\/frontend\/","title":{"rendered":"Frontend"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Expo + Expo Router<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Stellt Laufzeit, Bundling und einheitliche Build\u2011Tools f\u00fcr iOS\/Android bereit. Datei\u00adbasiertes Routing unter\u00a0<code>app\/<\/code>\u00a0erm\u00f6glicht klare Navigationsstrukturen, Deep\u2011Linking und effiziente Entwicklungsabl\u00e4ufe (z. B. Fast Refresh). Plattform\u2011Plugins werden zentral \u00fcber\u00a0app.json\u00a0konfiguriert.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tamagui<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Liefert performante, plattform\u00fcbergreifende UI\u2011Komponenten mit Token\u2011 und Theme\u2011System. In\u00a0themes\/themes.ts\u00a0definierte Paletten und Templates (z. B.\u00a0<code>background<\/code>,\u00a0<code>brandColorBlue<\/code>,\u00a0<code>accentColor<\/code>) sorgen f\u00fcr konsistente Farben, Abst\u00e4nde und Zust\u00e4nde. Komponenten verwenden Tokens wie\u00a0<code>$background<\/code>\u00a0oder\u00a0<code>$accentColor<\/code>\u00a0anstelle fixer Werte.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">MobX<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Erm\u00f6glicht reaktives State\u2011Management. Beobachtbare Stores halten den Anwendungszustand; mit\u00a0<code>observer<\/code>\u00a0gekennzeichnete Komponenten aktualisieren sich automatisch bei Status\u00e4nderungen. Dadurch bleibt die UI deklarativ, w\u00e4hrend Gesch\u00e4ftslogik in Controllern und Stores geb\u00fcndelt wird.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">TypeScript<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sorgt f\u00fcr robuste Typisierung, pr\u00e4zise Autovervollst\u00e4ndigung und fr\u00fchzeitige Fehlererkennung. Schnittstellen f\u00fcr Controller, Stores und Dom\u00e4nenmodelle werden eindeutig beschrieben, was Refactorings und Zusammenarbeit erleichtert.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Internationalisierung (i18next + react\u2011i18next)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Zentrales Locale\u2011Setup (u. a. in\u00a0controllers\/AppController.ts), Nutzung von\u00a0<code>t()<\/code>\u00a0f\u00fcr \u00dcbersetzungen und optionales Zusammenspiel mit\u00a0<code>expo-localization<\/code>. Mehrsprachigkeit wird konsistent und erweiterbar umgesetzt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Context\u2011Library (eigener ContextController)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der globale App\u2011Context in\u00a0providers\/ContextControllerProvider.tsx\u00a0stellt eine einzelne Controller\u2011Instanz bereit, die Core\u2011Logik, Module, State\u2011Management sowie Repositories f\u00fcr Directus\u2011API\u2011Zugriffe kapselt. Navigation wird \u00fcber injizierte Router\u2011Funktionen zentral gesteuert; Screens konsumieren den Controller per\u00a0useContextControllerProvider().<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Expo + Expo Router Stellt Laufzeit, Bundling und einheitliche Build\u2011Tools f\u00fcr iOS\/Android bereit. Datei\u00adbasiertes Routing unter\u00a0app\/\u00a0erm\u00f6glicht klare Navigationsstrukturen, Deep\u2011Linking und effiziente Entwicklungsabl\u00e4ufe (z. B. Fast Refresh). Plattform\u2011Plugins werden zentral \u00fcber\u00a0app.json\u00a0konfiguriert. Tamagui Liefert performante, plattform\u00fcbergreifende UI\u2011Komponenten mit Token\u2011 und Theme\u2011System. In\u00a0themes\/themes.ts\u00a0definierte Paletten und Templates (z. B.\u00a0background,\u00a0brandColorBlue,\u00a0accentColor) sorgen f\u00fcr konsistente Farben, Abst\u00e4nde und Zust\u00e4nde. Komponenten verwenden Tokens [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[3],"doc_tag":[],"class_list":["post-19","docs","type-docs","status-publish","hentry","doc_category-systemueberblick"],"year_month":"2026-05","word_count":232,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"jon","author_nicename":"jon","author_url":"https:\/\/docs.pedagotchi.de\/index.php\/author\/jon\/"},"doc_category_info":[{"term_name":"System\u00fcberblick","term_url":"https:\/\/docs.pedagotchi.de\/index.php\/docs-category\/systemueberblick\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/docs.pedagotchi.de\/index.php\/wp-json\/wp\/v2\/docs\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.pedagotchi.de\/index.php\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.pedagotchi.de\/index.php\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docs.pedagotchi.de\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.pedagotchi.de\/index.php\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":4,"href":"https:\/\/docs.pedagotchi.de\/index.php\/wp-json\/wp\/v2\/docs\/19\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/docs.pedagotchi.de\/index.php\/wp-json\/wp\/v2\/docs\/19\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/docs.pedagotchi.de\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/docs.pedagotchi.de\/index.php\/wp-json\/wp\/v2\/doc_category?post=19"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.pedagotchi.de\/index.php\/wp-json\/wp\/v2\/doc_tag?post=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}