Frontend

TypeScript'da in operatori nima qiladi?

Middle+

IT One

useCallback haqida gapiring — foydalanish senariysi, nima uchun kerak?

Middle+

IT One

Reactda shakllar bilan ishlash haqida gapiring: nazorat qilinadigan va nazorat qilinmaydigan komponentlar, har bir yondashuvning afzalliklari va kamchiliklari.

Middle+

IT One

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> Qidiruv: <LiveSearch /> </span>

Middle+

IT One

Vazifa: ob'ekt daraxtini (har bir ob'ektda value va elements maydonlari mavjud) yurib, barcha qiymatlarning yig'indisini hisoblash. Buni qanday amalga oshirasiz?

Middle+

IT One

Blob bilan ishlaganmisiz? Dinamik ravishda yaratilgan faylni yuklab olish uchun havolani qanday yaratish mumkin?

Middle+

IT One

const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Vazifa: funksiyani tiplash return obj[key] } getProperty(X, 'a') // xato yo'q getProperty(X, ' ') // xato: kalit X ob'ujekt uchun to'g'ri kalit emas getProperty({ name: 'Sergey' }, 'name') // xato yo'q

Middle+

IT One

React komponentlarining hayot sikli bosqichlari haqida gapir

Middle+

IT One

// Serverdan mahsulot narxiga oid ma'lumotlar quyidagi shaklda olinadi: // 12345678 (narx har qanday bo'lishi mumkin, 1 dan [phone] gacha bo'lgan diapazonda) // narxni quyidagi formatdagi satrga aylantiradigan funktsiya yozish kerak: // 12'345'678

Middle+

IT One

React.memo nima? useCallback qachon qo'llaniladi?

Middle+

IT One

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

Middle+

IT One

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

Middle+

IT One

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("ҳар рендер 1")); console.log("ҳар рендер 2"); useEffect(() => { console.log("ҳар рендер 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Қўшиш </button> ); }

Middle+

IT One

useEffect ichida tozalash (cleanup) funksiyasi nima? Qachon ishlaydi? Uni useEffect ichida yozing.

Middle+

IT One

Qanday qilib rekursiyasiz daraxtni yurish mumkin? Qaysi ma'lumotlar tuzilishi yordam beradi?

Middle+

IT One

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

Middle+

IT One

React'da Virtual DOM va reconciliation mexanizmi haqida gapir. React daraxtlarni taqqoslashni qanday optimallashtiradi?

Middle+

IT One

Bir soniya ichida hal qilinadigan Promise qaytaradigan funksiyani qanday yozish mumkin?

Middle+

IT One

Agar komponent turini o'zgartirsangiz nima bo'ladi? Bir xil kalit holatni saqlashga yordam beradimi?

Middle+

IT One

const SomeElement = ({ hasData }) => { if (hasData) { return <div> <DataElement /> <SomeImportantElement /> </div> } return <div> <SomeImportantElement /> </div> }

Middle+

IT One