Frontend

Czym jest funkcja czysta? Kiedy funkcja jest czysta? Czym są efekty uboczne?

Jak przebiegała recenzja kodu w zespole? Czy był regulamin? Na co zwracał uwagę?

Czy parametry w funkcji są przekazywane przez referencję czy przez wartość?

Opowiedz o krytycznych etapach renderowania przeglądarki

Opowiedz o pętli zdarzeń: do czego służy, jak działa

Dany poniższy fragment kodu: ```typescript let info = { name: "Alex", skill: ["git", "react", "read"], }; let started = (info: any) => { let { name, skill } = info; (name = "Alex Pool"), skill.push("delete"); return { name, skill, online: true, }; }; ``` Wyjaśnij, co funkcja `started` robi z obiektem `info` i opisz wynik wywołania `started(info)`. Omów również, czy oryginalny obiekt `info` jest zmieniany po wywołaniu `started(info)`.

Czym jest pseudo-tablica arguments? Czym różni się od zwykłej tablicy?

Czym jest rekurencja? Jakie są jej zasady? Do czego jest potrzebna?

Czym jest React Reconciliation? Jak działa? Na podstawie jakich kryteriów React decyduje o aktualizacji lub ponownym montażu komponentu?

Czy parsowanie HTML i CSS odbywa się kolejno czy równolegle?

Kiedy wywoływane są useEffect i useLayoutEffect?

Opowiedz mi o sobie i swoim doświadczeniu zawodowym

// Promise.resolve() // .then(() => console.log(1)) // // .then(() => console.log(2)) // // Promise.resolve() // .then(() => console.log(11)) // // .then(() => console.log(22)) //

Do czego służy React? Jakie problemy rozwiązuje? Kiedy jest zbędny?

Co zmieniło się w React 18 w procesie Reconciliation?

funkcja recursiveFunction(N) { let licznik = 0; if (N > 0) { licznik = licznik + 1; recursiveFunction(N - 1); } // console.log(licznik) } recursiveFunction(3); // 3 3 3 ? Wyjaśnij, jaka będzie wartość wyjściowa funkcji i dlaczego. Zidentyfikuj również wszelkie problemy z obecną implementacją funkcji rekurencyjnej i zasugeruj, jak ją naprawić, aby poprawnie liczyć i logować liczbę wywołań rekurencyjnych.

Emotion i styled-components generują style w czasie działania — czy to problem? Kiedy zaczyna boleć? Jakie są alternatywy z lepszą wydajnością?

Opowiedz o stosie wywołań: jak działa, w jakiej kolejności wykonywane są zadania

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `wiersz ${idx + 1}`, })); }; export default function App() { const [data, setData] = React.useState(getData()); const handleUpdate = () => { setData((prev) => { return prev.map((row, i) => i === 0 ? { ...row, value: Math.random() } : row ); }); }; return ( <div> <h1>Lista Aplikacja</h1> <Button onClick={handleUpdate}>zaktualizuj `wiersz 1`</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

Jaki będzie wynik tego fragmentu kodu? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```