Genel Bakış

Uygulamanızı Twenty’nin kullanıcı arayüzüne yerleştirin — kenar çubuğu öğeleri, kaydedilmiş görünümler, kayıt sayfası sekmeleri ve yalıtılmış React bileşenleri.

Bir Twenty uygulamasının düzen katmanı, kullanıcının gördüğü her şeydir: uygulamanın kenar çubuğunda nerede göründüğü, hangi liste görünümlerini sunduğu, kayıt detay sayfalarının nasıl düzenlendiği ve bu sayfaların içinde hangi özel React bileşenlerinin oluşturulduğu.

   Sidebar               Record list            Record detail page
   ───────               ───────────            ──────────────────
   [📋 My View]    ────▶ ┌──────────┐          ┌─────────────────────┐
   [📋 Drafts ]          │ Companies│          │ Tabs: [Overview ]   │
   [📋 Inbox  ]          │ ──────── │          │       [Notes    ]   │
        ▲                │  Apple   │          │       [Hello    ]◀──── definePageLayoutTab
        │                │  Acme    │          │                     │   adds a tab...
        └ defineNavi-    │  …       │          │  ┌────────────────┐ │
          gationMenu-    └────▲─────┘          │  │                │ │
          Item points         │                │  │   React UI     │◀── …with a
          to a defineView     │                │  │  (sandboxed in │ │   defineFrontComponent
                              └ defineView     │  │   a Worker)    │ │   widget inside
                                picks columns  │  └────────────────┘ │
                                and filters    └─────────────────────┘

​

Bu bölümde

Görünümler

defineView — kaydedilmiş liste yapılandırmaları: görünür sütunlar, filtreler, gruplar.

Gezinme Menüsü Öğeleri

defineNavigationMenuItem — görünümlere veya harici URL’lere işaret eden kenar çubuğu girişleri.

Sayfa Düzenleri

definePageLayout ve definePageLayoutTab — bir kaydın detay sayfasındaki sekmeler ve bileşenler.

Ön uç bileşenleri

defineFrontComponent — Twenty içinde oluşturulan yalıtılmış React bileşenleri.

Komut Menüsü Öğeleri

defineCommandMenuItem — ön uç bileşenlerini Cmd+K girişleri ve hızlı eylemler olarak kaydedin.

​

Uygulamanın göründüğü yerler

Görünüm alanı	Neyi kontrol eder	Varlık
Kenar çubuğu	Kaydedilmiş bir görünüme veya harici bir URL’ye bağlanan özel bir giriş	defineNavigationMenuItem
Kayıt listesi	Bir nesne için kaydedilmiş yapılandırma — görünür sütunlar, sıralama, filtreler, gruplar	defineView
Kayıt detay sayfası	Bir kayıt sayfasındaki sekmeler ve bileşenler (kendi nesnenize ait veya standart bir nesneye ait)	definePageLayout, definePageLayoutTab
Yukarıdakilerin herhangi birinin içinde	Özel bir React bileşeni — butonlar, formlar, panolar, entegrasyonlar	defineFrontComponent
Komut menüsü (Cmd+K)	Sabitlenmiş bir hızlı eylem veya gizli komut	defineCommandMenuItem

Ön uç bileşenleri, Remote DOM kullanan yalıtılmış bir Web Worker içinde çalışır — sayfada yerel olarak oluşturulurlar (bir iframe içinde değil), ancak ana makine sayfasına veya DOM’a doğrudan erişemezler. Twenty ile iletişim, mesaj iletimi yapan bir ana makine API’si aracılığıyla gerçekleşir.