Meydan okuma: Custom renderer iskeleti

react-reconciler ile konsola yazı basan bir iskelet yazarsın.

Meydan okuma: Custom renderer iskeleti

Bu meydan okumada bir custom renderer için host config iskeleti yazacaksın. createInstance ve appendChild fonksiyonlarını tanımlayacaksın.

Bu iskelet, DOM dışı bir hedefe React çizimi için temel sağlar. Host config, terminal, canvas veya mobil natif ortamlar için yazılabilir. React çekirdek mantığı aynı kalır.

Uygulama customHostConfig yaz

customHostConfig yaz. supportsMutation: true. createInstance: (type) => ({ type, children: [] }). appendChild: (parent, child) => { parent.children.push(child); return parent; }. Dışa aktar.

Örnek çözümü göster

const customHostConfig = {
  supportsMutation: true,
  createInstance: (type) => ({ type, children: [] }),
  appendChild: (parent, child) => {
    parent.children.push(child);
    return parent;
  },
};
export default customHostConfig;

Kendini test et

Host config'in görevi nedir?
- Hedef ortam fonksiyonlarını sağlamak
- CSS derlemek
- HTTP istekleri göndermek
- TypeScript tipleri üretmek
Cevabı göster

Hedef ortam fonksiyonlarını sağlamak — Host config hedef ortama özgü fonksiyonları sağlar.

Boşluğu doldur: düğüm oluştur

const hostConfig = {
  ____: (type) => ({ type, children: [] }),
  appendChild: (parent, child) => parent.children.push(child),
};

Cevabı göster

const hostConfig = {
  createInstance: (type) => ({ type, children: [] }),
  appendChild: (parent, child) => parent.children.push(child),
};

Sıradaki ders: Uzman seviye bölüm sınavı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler