Sobes.tech

Frontend

TypeScript'te in operatörü ne yapar?

Middle+
182

useCallback hakkında bilgi verin — kullanım senaryosu, neden gerekir?

Middle+
181

React'te formlarla çalışma hakkında konuş: kontrol edilen ve kontrol edilmeyen bileşenler, her yaklaşımın artıları ve eksileri.

Middle+
178

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?

Middle+
173

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>

Middle+
172

React bileşenlerinin yaşam döngüsü aşamaları hakkında bilgi ver

Middle+
172

Blob ile çalıştınız mı? Dinamik olarak oluşturulan bir dosyanın indirme bağlantısı nasıl oluşturulur?

Middle+
172

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

Middle+
170

React.memo nedir? useCallback ne zaman kullanılır?

Middle+
170

function sum(a, b) { return a + b; } function memo() {}

Middle+
168

// 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

Middle+
168

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> ); }

Middle+
166

const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //

Middle+
165

React'teki Virtual DOM ve reconciliation mekanizması hakkında bana anlat. React ağaç karşılaştırmasını nasıl optimize ediyor?

Middle+
164

useEffect'te temizlik (cleanup) fonksiyonu nedir? Ne zaman çalışır? Bunu useEffect içinde yaz.

Middle+
164

Bir saniye sonra çözümlenen bir Promise döndüren fonksiyon nasıl yazılır?

Middle+
163

let x = 5; (function () { console.log(x); let x = 0; })()

Middle+
162

Yetkilendirilmiş bir kullanıcı için tüm cihazlarında bir kez gösterilecek şekilde nasıl bir afiş gösterilir?

Middle+
162

Ağaç dolaşımını rekursiyon olmadan nasıl gerçekleştirirsiniz? Hangi veri yapısı yardımcı olur?

Middle+
161

React Hook Form hakkında bana anlat: temel özellikleri, nasıl kullanılır, doğrulama nasıl çalışır?

Middle+
161
/5