Frontend

const S = { id: 1, name: "Ivan", age: "39", tel: [phone] }; function getParam(obj, key) { return obj[key]; } getParam(S, "tel"); getParam(S, "job");

Middle+

IT One

Set nima? Yangi Set chaqiriganda qanday argument yuborishimiz mumkin?

Middle+

IT One

Qidiruv uchun nima uchun debounce, throttle emas?

Middle+

IT One

Yopilish nima?

Middle+

IT One

Foydalanuvchi profilini olish uchun getUserProfile nomli funktsiya yozing, u userId ni argument sifatida oladi va API endpoint "[link]" dan foydalanuvchi profilini oladi. Funktsiya muvaffaqiyatli bo'lsa, foydalanuvchi profilini log qilishi kerak, va muvaffaqiyatsiz bo'lsa, xato xabarini log qilishi kerak.

Middle+

IT One

Promise ning qaysi statik metodlarini bilasiz? Ular haqida gapiring.

Middle+

IT One

Birinchi renderda nima bo'lishini yozing — console.log'lar qanday ketma-ketlikda chiqariladi. Bosgandan keyin nima bo'ladi?

Middle+

IT One

import React, { useState, useEffect, useLayoutEffect } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("har render 1")); console.log("har render 2"); useEffect(() => console.log("har render 3")); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Increment </button> ); } // mount -> har render 2, har render 1, har render 3 // update -> har render 2, har render 1, har render 3 // unmount 4

Middle+

IT One

WeakSet nima?

Middle+

IT One

React.memo yordamida Child komponentining abstrakt implementasini yozing. React.memo ikkinchi argument sifatida nima qabul qiladi?

Middle+

IT One

Map va WeakMap o'rtasidagi farq nima?

Middle+

IT One

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; const someFunc = (arr) => { return [...arr].sort((a, b) => a - b); }; const LazyInit = (props) => { const [arr, setArr] = useState(() => someFunc(props.arr)); const onClick = () => { setArr((prev) => prev.concat(prev.length + 1)); }; return ( <> <button onClick={onClick}> Increment </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ); }; export default () => <LazyInit arr={[1, 2, 3]} />; --- Sağdaki konuşma şu konuları tartışıyor: - TypeScript ile jenerikler kullanımı: "<T extends object, K extends keyof T>" - Veri bir string olup olmadığını kontrol etmek için tür koruyucu: "isString(data: unknown): data is string { ... }" - useState ile fonksiyon kullanımı, her renderda tekrar çalışmasını önlemek için: ``` const [state, setState] = useState(getComplexData); // veya const [state, setState] = useState(() => getComplexData()); ``` - useState'e geçirilen fonksiyon yalnızca bileşen ilk yüklendiğinde çalışır. - 11. satırda prev.concat ile doğrudan durumu değiştirme uyarısı. --- Teknik görev, React bileşen kodunu analiz etmek ve gerekirse düzeltmek veya optimize etmek, özellikle: - useState ile uygun tembel başlangıç yapmanın sağlanması. - Durumun doğrudan değiştirilmesinden kaçınılması. - TypeScript jeneriklerini ve tür koruyucularını anlamak. - Butona tıklandığında bileşenin durumu doğru şekilde güncellemesini sağlamak.

Middle+

IT One

Uchta ma'lumot manbasi mavjud bo'lib, ular bir xil ma'lumotni qaytaradi. Eng tez javobni qanday olish mumkin?

Middle+

IT One

React'da useState hooki haqida gapir.

Middle+

IT One

JavaScriptda funksiyalar qanday yaratiladi? Funksiyalarni yaratishning qanday usullari mavjud va ular qanday farq qiladi?

Middle+

IT One

Nima uchun o'q chiziqli funksiyalar bilan yangi quruvchidan foydalanib bo'lmaydi?

Middle+

IT One

Ishingizda qaysi TypeScript utilitar turlarini ishlatasiz? Record, Pick, Omit, Partial, Required, Parameters, Exclude, Extract haqida gapir.

Middle+

IT One