Frontend

Kādus statiskos metodes Promise pazīsti? Pastāsti par tiem.

Middle+

IT One

Uzrakstiet funkciju getUserProfile, kas ņem userId kā argumentu un iegūst lietotāja profilu no API galapunkta "[link]". Funkcija jāreģistrē lietotāja profils, ja piekļuve ir veiksmīga, un jāreģistrē kļūdas ziņojums, ja piekļuve neizdodas.

Middle+

IT One

Vai let un const (hoisting) tiek paceltas? Kas notiek, ja pie tiem piekļūst pirms to deklarēšanas?

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

Kas ir Set? Ko mēs varam nodot, izsaucot new Set?

Middle+

IT One

import React, { useState, useEffect, useLayoutEffect } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("katrs renderējums 1")); console.log("katrs renderējums 2"); useEffect(() => console.log("katrs renderējums 3")); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Palielināt </button> ); } // montāža -> katrs renderējums 2, katrs renderējums 1, katrs renderējums 3 // atjaunināšana -> katrs renderējums 2, katrs renderējums 1, katrs renderējums 3 // noņemšana 4

Middle+

IT One

Uzrakstiet, kas notiks pirmajā renderēšanā — kādā secībā tiks izvadīti console.log. Kas notiks pēc klikšķa?

Middle+

IT One

Uzrakstiet Child komponenta abstraktu realizāciju ar memoizāciju, izmantojot React.memo. Kāds ir otrais arguments, ko pieņem React.memo?

Middle+

IT One

Kas ir WeakSet?

Middle+

IT One

Kas ir slēgšana?

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}> Palielināt </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ); }; export default () => <LazyInit arr={[1, 2, 3]} />; --- Labajā pusē notiek diskusija par: - 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 ir 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

Kāda ir atšķirība starp Map un WeakMap?

Middle+

IT One

Ir trīs datu avoti, kas atgriež to pašu informāciju. Kā saņemt atbildi no visātrākā?

Middle+

IT One

Pastāsti man par useState hook'u React.

Middle+

IT One

Kāpēc ar bultiņas funkcijām nevar strādāt ar jauno konstruktoru?

Middle+

IT One

Kā JavaScript tiek veidotas funkcijas? Kādi ir funkciju veidošanas veidi un kā tie atšķiras?

Middle+

IT One

Kādus utilitāros tipus no TypeScript izmanto darba? Pastāsti par Record, Pick, Omit, Partial, Required, Parameters, Exclude, Extract.

Middle+

IT One