---
title: Genel Bakış
description: Blueprint moduna genel bakış.
icon: GitBranch
---

Blueprint modu, temelde bölüm ve bileşenlerin kendine ait **node alanları** üzerinden çalışır. Bu alanları, bölüm ve bileşenin kodunu yazdığınız yer olarak düşünebilirsiniz; farkı, kod satırları yazmak yerine node'ları sürükle-bırak ile birbirine bağlayarak akışı kurmanızdır.

Bölüm ve bileşenlerin içinde oluşturduğunuz listelerin, olayların ve fonksiyonların da kendine ait node ekranları vardır. Böylece ilgili yapıya özel akış, o yapının kendi node ekranında kurulur.

<ImageZoom src="/media/ikas-studio/blueprint/overview.png" alt="Blueprint modu genel bakışı" width={1600} height={900} style={{ width: "100%", boxShadow: "0 4px 24px rgba(0, 0, 0, 0.08)" }} />

## onStartBrowser olayı

Bölüm ve bileşenlerin yüklendiği anda çalışan ana node ekranının dışında, yalnızca bölüm ve bileşenlere özel olarak gelen bir **onStartBrowser** olayı bulunur.

<Callout type="info" title="Geliştiriciler için">
`onStartBrowser`, React'teki bir component'in DOM'a ilk kez render edildikten sonra çalışan efektine karşılık gelir. Bölüm ve bileşenin kendi node ekranında hazırladığınız akış sıfırıncı anda ilgili veriyle çalışırken, `onStartBrowser` içerisindeki akış render sonrasında tetiklenir.
</Callout>

## Local node'lar ve kapsam hiyerarşisi

Her yapı kendi kapsamında çalışır; bu kapsamları bölüm ve bileşeni bir klasör olarak, içindeki yapıları ise o klasörün alt klasörleri olarak düşünebilirsiniz. Bir yapının kendi node ekranında tanımladığı değerler, yalnızca o kapsamda erişilebilirdir.

**Bölüm ve bileşenlerin** içinde tanımlanabilen yapılar:

- Veriler
- Olaylar
- Değişkenler
- Fonksiyonlar

**Listelerin** içinde tanımlanabilen yapılar:

- Veriler
- Değişkenler
- Fonksiyonlar

**Olayların** içinde tanımlanabilen yapılar:

- Değişkenler
- Fonksiyonlar

**Fonksiyonların** içinde tanımlanabilen yapılar:

- Veriler
- Değişkenler
- Fonksiyonlar

## Global node'lar

Tüm node ekranlarında kullanılabilen global yapılar da bulunur:

- **Değişkenler** — Oluşturduğunuz bir değişkeni istediğiniz node ekranında çağırarak kullanabilirsiniz.
- **Fonksiyonlar** — Aynı fonksiyonu farklı node ekranlarında yeniden kullanmak için burada tanımlayabilirsiniz.
- **Tipler** — Global kapsamda yeni tip tanımları oluşturmanızı ve bu tipleri istediğiniz yerde kullanmanızı sağlar.

---

<Cards className="grid-cols-3">
  <CardInline icon={<RefreshCwIcon />} title="Listeler" href="/tr/docs/ikas-studio/blueprint/list">
    Listelerin kod kullanımı.
  </CardInline>
  <CardInline icon={<DatabaseIcon />} title="Veriler" href="/tr/docs/ikas-studio/blueprint/data">
    Veri kaynaklarının kod kullanımı.
  </CardInline>
  <CardInline icon={<ZapIcon />} title="Olaylar" href="/tr/docs/ikas-studio/blueprint/events">
    Olayların kod kullanımı.
  </CardInline>
  <CardInline icon={<VariableIcon />} title="Değişkenler" href="/tr/docs/ikas-studio/blueprint/variables">
    Değişkenlerin kod kullanımı.
  </CardInline>
  <CardInline icon={<SquareFunctionIcon />} title="Fonksiyonlar" href="/tr/docs/ikas-studio/blueprint/functions">
    Fonksiyonların kod kullanımı.
  </CardInline>
  <CardInline icon={<PuzzleIcon />} title="Tipler" href="/tr/docs/ikas-studio/blueprint/types">
    Tip tanımlarının kod kullanımı.
  </CardInline>
</Cards>