Genel Bakış

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`
Uygulama ayarları	Varsayılan değişkenler arayüzü yerine, uygulamanın Ayarlar sekmesinde özel bir yapılandırma bölümü	`defineSettingsFrontComponent`
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. Hâlâ etkin geliştirme aşamasındalar: sandbox kısmi bir DOM uygular, bu nedenle gelişmiş kullanımlar başarısız olabilir. Mevcut sınırlamalara bakın.

Uygulamalar

API

Kendi Kendine Barındırma

Katkıda Bulunun

Genel Bakış

Bu bölümde

Görünümler

Gezinme Menüsü Öğeleri

Sayfa Düzenleri

Ön uç bileşenleri

Komut Menüsü Öğeleri

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

​Bu bölümde

Görünümler

Gezinme Menüsü Öğeleri

Sayfa Düzenleri

Ön uç bileşenleri

Komut Menüsü Öğeleri

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

Bu bölümde

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