Frontend

type Foo = { a: string; b: number; c: null; d: boolean; } // Foo Anahtarları type FooKeys = keyof Foo // FooKeys temelinde, ancak b ve d değerleri olmadan yeni bir tür nasıl tanımlanır? type FooKeysWithoutBD

React'ta bir bileşenin yeniden render edilmesi neye bağlıdır?

Promise ile try/catch yapısını nasıl çalıştırırsınız? async/await kullanarak Promise'yi nasıl senkron hale getirebilirsiniz?

Foo temelinde yeni bir tür nasıl tanımlanır, ancak a ve c alanları olmadan, Omit kullanmadan?

console.log ve neden böyle sıralanır? Senkron ve asenkron kodun çalışma sırasını açıkla (Event Loop, makro ve mikro görevler).

CSS yazma yaklaşımınız neydi? CSS-in-JS yaklaşımını biliyor musun?

TypeScript'te sadece bir dize veya Bar sınıfı örneği kabul eden Generic fonksiyon nasıl yapılır ve diğer durumlarda hata verir?

Neden sadece setCount(tick + 1) yerine setCount'a bir fonksiyon (c => c + 1) geçiriyorsunuz?

function delayFunc(fn, delay) { return function c(...args) { return new Promise((resolve) => { setTimeout(() => { fn(...args) }, delay * 1000) }) } } function sum(a, b) { console.log(a + b) } const delayedSum = delayFunc(sum, 5); await delayedSum(3, 2); //5 saniye sonra 5 yazacak await delayedSum(5, 3); //önceki işlemden 5 saniye sonra 8 yazacak

Aynı şeyi setInterval yerine setTimeout kullanarak gerçekleştirebilir miyiz?

Tüm deneyimin boyunca karşılaştığın en zor görevi anlat.

<div class="list"> <div class="item">1</div> <div class="item">2</div> ... <div class="item">N-1</div> <div class="item">N</div> </div>

useEffect'te bağımlılık dizisi nedir? Boş bir dizi geçirirseniz veya hiç geçirmezseniz ne olur?

Herhangi bir tipinde argümanlar alan ve bunları döndüren bir foo fonksiyonu var mı? Sonuç türünün any olmamasını, gönderilen argümanın türüne uygun olmasını nasıl sağlayabiliriz? Generic kullan.

Harici bir kütüphaneden gelen ve rastgele sayı gösteren App ve Rand bileşenleri var. Her 3 saniyede bir rastgele sayının değişmesini sağla ve değişiklik sayısını gösteren bir sayaç ekle. Tüm işlemler sadece App bileşeninde yapılacak.

// Yeniden render mantığını ayrı bir harici kanca içine çıkarmak gerekiyor, // bu, dışarıdan zamanlayıcıyla çalışmaya imkan tanır (örneğin, 10 saniye sonra durdurmak gibi). // Rand bileşenine dayanarak yeni bir RandOnce bileşeni oluşturulmalı, // ki bu, App içinde kullanıldığında // her 3 saniyede bir rastgele sayıyı güncellemek yerine, sadece bir kez rastgele sayı gösterecek.

useEffect'te temizlik fonksiyonu (return) ne işe yarar? setInterval kullanırken olmadan ne olur?

Type anahtar kelimesi ile interface arasındaki fark nedir? Tipler ve arayüzlerde kalıtım hakkında bilgi ver.

// App içinde kullanıldığında, // rastgele sayıyı her 3 saniyede bir güncellemeyen, // sadece bir kez rastgele sayı gösterecek yeni bir RandOnce bileşeni oluşturulmalı. // const Rand = () => <span>{Math.random()}</span>

Görevi değerlendirdiniz, üzerine aldınız ve yanlış değerlendirdiğinizi ve zamanında tamamlayamayacağınızı anladınız. Bu anda ne yaparsınız?