Frontend

Wat is een pure functie? Wanneer is een functie puur? Wat zijn bijwerkingen?

Gegeven de volgende code snippet: ```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, }; }; ``` Leg uit wat de functie `started` doet met het `info` object en beschrijf de output van het aanroepen van `started(info)`. Bespreek ook of het originele `info` object wordt gemuteerd na het aanroepen van `started(info)`.

Hoe verliep de code review in het team? Was er een reglement? Waar lette men op?

Vertel me over de kritieke fasen van de rendering van de browser

Worden parameters in de functie door verwijzing of door waarde doorgegeven?

Wordt het parseren van HTML en CSS achtereenvolgend of parallel uitgevoerd?

Vertel me over de event loop: waar het voor dient, hoe het werkt

Wat is de pseudo-array arguments? Hoe verschilt het van een gewone array?

Heb je CI/CD-pijplijnen, linters, prettier, pre-commit hooks ingesteld — heb je ze zelf geïnitieerd of kwam de taak van bovenaf?

Wat is recursie? Wat zijn de regels? Waarvoor is het nodig?

Wat is React Reconciliation? Hoe werkt het? Op basis van welke criteria beslist React of een component moet worden bijgewerkt of opnieuw gemonteerd?

Vertel me over jezelf en je werkervaring

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

Wanneer worden useEffect en useLayoutEffect aangeroepen?

Wat wordt de output van de volgende codefragment? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

functie recursiveFunction(N) { let teller = 0; if (N > 0) { teller = teller + 1; recursiveFunction(N - 1); } // console.log(teller) } recursiveFunction(3); // 3 3 3 ? Leg uit wat de uitvoer van de functie zal zijn en waarom. Identificeer ook eventuele problemen met de huidige implementatie van de recursieve functie en stel voor hoe deze te corrigeren om het aantal recursieve aanroepen correct te tellen en te loggen.

Waarvoor is React nodig? Welke problemen lost het op? Wanneer is het overbodig?

Wat is er veranderd in React 18 in het Reconciliation-proces?

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `rij ${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>Lijst App</h1> <Button onClick={handleUpdate}>update `rij 1`</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

Emotion en styled-components genereren stijlen in runtime — is dat een probleem? Wanneer begint het pijn te doen? Wat zijn de alternatieven met betere prestaties?