Frontend

Promise'нин кайсы статикалык ыкмаларын билесиң? Алар жөнүндө мага айтып бер.

Middle+

IT One

UserId аргумент катары алып, API соң чекитинен "[link]" колдонуучу профилин алган getUserProfile функциясын жазыңыз. Функция ийгиликтүү болсо, колдонуучу профилин лог кылышы керек, жана ийгиликсиз болсо, катанын билдирүүсүн лог кылышы керек.

Middle+

IT One

Let жана const (hoisting) көтөрүлөбү? Аларга кайрылардан мурун кайсы нерсе болот?

Middle+

IT One

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 деген эмне? Биз new Setти чакырганда кандай аргументтерди бере алабыз?

Middle+

IT One

import React, { useState, useEffect, useLayoutEffect } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("ар бир рендер 1")); console.log("ар бир рендер 2"); useEffect(() => console.log("ар бир рендер 3")); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Өсүш </button> ); } // монтаж -> ар бир рендер 2, ар бир рендер 1, ар бир рендер 3 // жаңыртуу -> ар бир рендер 2, ар бир рендер 1, ар бир рендер 3 // ажыроо 4

Middle+

IT One

Биринчі рендерде эмне болот — console.log'дор кайсы тартипте чыгат. Баскандан кийин эмне болот?

Middle+

IT One

React.memo аркылуу Child компонентинин абстракттуу ишке ашырылышын жаз. React.memo экинчи аргумент катары эмне кабыл алат?

Middle+

IT One

WeakSet деген эмне?

Middle+

IT One

Жабууну эмне деп айтат?

Middle+

IT One

импорт React, { useState, useEffect, useRef, useContext, useReducer, useMemo } из '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}> Инермент </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ); }; export default () => <LazyInit arr={[1, 2, 3]} />; --- Туура сүйлөшүү оң жагында талкууланууда: - TypeScript менен генераторлорду колдонуу: "<T extends object, K extends keyof T>" - Маалымат сызмалы экенин текшерүү үчүн тип коргоочу: "isString(data: unknown): data is string { ... }" - useState колдонуу функциясы менен, ар бир рендерде кайра ишке ашпоосун камсыз кылуу: ``` const [state, setState] = useState(getComplexData); // же const [state, setState] = useState(() => getComplexData()); ``` - useStateке берилген функция гана бир жолу ишке ашырылат компоненттин монтажы учурунда. - 11-чи сапта prev.concat аркылуу түздөн-түз күйгүзүүнү эскертүү. --- Техникалык тапшырма — React компоненттин кодун талдоо жана мүмкүн болсо оңдоо же оптималдаштыруу, өзгөчө: - useState менен туура ленив баштапкы маанини аныктоо. - Түздөн-түз күйгүзүүнү болтурбоо. - TypeScript генераторлорун жана тип коргоочуларын түшүнүү. - Түймө басканда компоненттин абалын туура жаңыртуу.

Middle+

IT One

Map жана WeakMap ортосундагы айырма эмнеде?

Middle+

IT One

Аналогдуу маалыматтарды кайтараткан үч маалымат булагы бар. Эң тез жоопту кантип алса болот?

Middle+

IT One

React'teki useState hook'u жөнүндө мага айтып бер.

Middle+

IT One

Неге стрелкалык функциялар менен new конструктор менен иштөө мүмкүн эмес?

Middle+

IT One

JavaScriptте функциялар кантип түзүлөт? Функция түзүүнүн кандай жолдору бар жана алар эмнелерден айырмаланат?

Middle+

IT One

Иште кайсы TypeScriptтин жардамчы түрлөрүн колдонуп жатасың? Record, Pick, Omit, Partial, Required, Parameters, Exclude, Extract жөнүндө сүйлө.

Middle+

IT One