TypeScript'te in operatörü ne yapar?
Frontend
useCallback hakkında bilgi verin — kullanım senaryosu, neden gerekir?
React'te formlarla çalışma hakkında konuş: kontrol edilen ve kontrol edilmeyen bileşenler, her yaklaşımın artıları ve eksileri.
Görev: nesne ağacını (her nesne value ve elements alanlarına sahip) dolaşmak ve tüm value'ların toplamını hesaplamak. Bunu nasıl gerçekleştirirdin?
const LiveSearch = () => { const [inputValue, setInputValue] = useState('') const onInputChange = (e) => { setInputValue(e.target.value) search(e.target.value) } return ( <div> <input value={inputValue} onChange={onInputChange} type="text" /> </div> ) } <span> Arama: <LiveSearch /> </span>
React bileşenlerinin yaşam döngüsü aşamaları hakkında bilgi ver
Blob ile çalıştınız mı? Dinamik olarak oluşturulan bir dosyanın indirme bağlantısı nasıl oluşturulur?
const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Görev: fonksiyonu tipini belirle return obj[key] } getProperty(X, 'a') // hata yok getProperty(X, ' ') // hata: anahtar, nesne X için geçerli değil getProperty({ name: 'Sergey' }, 'name') // hata yok
React.memo nedir? useCallback ne zaman kullanılır?
function sum(a, b) { return a + b; } function memo() {}
// Sunucudan ürün fiyatıyla ilgili veriler şu şekilde alınmıştır: // 12345678 (fiyat herhangi bir değer olabilir, ancak 1 ile [phone] arasında) // Fiyatı şu biçimde biçimlendirilmiş bir dizeye dönüştürecek bir fonksiyon yazmanız gerekiyor: // 12'345'678
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("her render 1")); console.log("her render 2"); useEffect(() => { console.log("her render 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Artır </button> ); }
const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //
React'teki Virtual DOM ve reconciliation mekanizması hakkında bana anlat. React ağaç karşılaştırmasını nasıl optimize ediyor?
useEffect'te temizlik (cleanup) fonksiyonu nedir? Ne zaman çalışır? Bunu useEffect içinde yaz.
Bir saniye sonra çözümlenen bir Promise döndüren fonksiyon nasıl yazılır?
let x = 5; (function () { console.log(x); let x = 0; })()
Yetkilendirilmiş bir kullanıcı için tüm cihazlarında bir kez gösterilecek şekilde nasıl bir afiş gösterilir?
Ağaç dolaşımını rekursiyon olmadan nasıl gerçekleştirirsiniz? Hangi veri yapısı yardımcı olur?
React Hook Form hakkında bana anlat: temel özellikleri, nasıl kullanılır, doğrulama nasıl çalışır?