Frontend

6398

Milliseid staatilisi meetodeid Promise tead? Räägi neist.

Middle+

132

Kirjutage funktsioon getUserProfile, mis võtab argumentina userId ja hangib kasutajaprofiili API lõpp-punktist "[link]". Funktsioon peaks logima kasutajaprofiili, kui fetch on edukas, ja logima veateate, kui fetch ebaõnnestub.

Middle+

IT One

132

Mis on Set? Mida saame edastada, kui kutsume välja new Set?

Middle+

IT One

131

import React, { useState, useEffect, useLayoutEffect } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("iga render 1")); console.log("iga render 2"); useEffect(() => console.log("iga render 3")); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Suurenda </button> ); } // montaaž -> iga render 2, iga render 1, iga render 3 // uuendamine -> iga render 2, iga render 1, iga render 3 // demonteerimine 4

Middle+

IT One

131

Kas tõuseb let ja const (hoisting)? Mis juhtub, kui neile ligi pääseb enne nende deklaratsiooni?

Middle+

IT One

131

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

129

Kirjeldage, mis juhtub esimesel renderdamisel — millises järjekorras kuvatakse console.log'id. Mis juhtub pärast klõpsu?

Middle+

IT One

129

Mis on sulgemine?

Middle+

IT One

128

Mis on WeakSet?

Middle+

IT One

128

Kirjutage Child komponendi abstraktne teostus React.memo abil mälutõstmisega. Mis on React.memo teine argument?

Middle+

IT One

128

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]} />; --- Paremta labajā pusē apspriež: - TypeScript ar ģenerikiem: "<T extends object, K extends keyof T>" - Pārbaudi, vai dati ir virknes tips, izmantojot tipu sargu: "isString(data: unknown): data is string { ... }" - useState izmantošanu ar funkciju, lai izvairītos no atkārtotas izpildes katrā renderēšanā: ``` const [state, setState] = useState(getComplexData); // vai const [state, setState] = useState(() => getComplexData()); ``` - Funkcija, kas nodota useState, tiks izpildīta tikai vienu reizi komponenta montāžas laikā. - Brīdinājums par tiešu stāvokļa modifikāciju 11. rindā ar prev.concat. --- Tehniskais uzdevums — analizēt un iespējams labot vai optimizēt React komponenta kodu, īpaši: - Pareiza lazy inicializācija ar useState. - Izvairīties no tiešas stāvokļa modifikācijas. - Saprast TypeScript ģenerikus un tipu sargus. - Nodrošināt, ka komponenta stāvoklis tiek pareizi atjaunināts, nospiežot pogu.

Middle+

IT One

124

Mis vahe on Map ja WeakMap vahel?

Middle+

IT One

122

On on kolm andmeallikat, mis tagastavad sama teabe. Kuidas saada vastus kõige kiiremast?

Middle+

IT One

119

Räägi mulle Reacti useState hook'ist.