Frontend

O que é uma função pura? Quando uma função é pura? O que são efeitos colaterais?

Dado o seguinte trecho de código: ```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, }; }; ``` Explique o que a função `started` faz com o objeto `info` e descreva a saída de chamar `started(info)`. Além disso, discuta se o objeto original `info` é mutado após chamar `started(info)`.

Como foi a revisão de código na equipa? Houve algum regulamento? A que atenção dava?

Fale sobre as etapas críticas do renderizador do navegador

Os parâmetros na função são passados por referência ou por valor?

A análise de HTML e CSS ocorre sequencialmente ou em paralelo?

Fala-me sobre o event loop: para que serve, como funciona

O que é o pseudoarray arguments? Em que se diferencia de um array normal?

Configuraste os pipelines de CI/CD, linters, prettier, ganchos pre-commit — você mesmo os iniciou ou a tarefa veio de cima?

O que é recursão? Quais são as suas regras? Para que serve?

O que é a Reconciliação do React? Como funciona? Com base em quais critérios o React decide atualizar ou remontar um componente?

Fale sobre si e a sua experiência de trabalho

Quando é que o useEffect e o useLayoutEffect são chamados?

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

Qual será a saída do seguinte trecho de código? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

O que mudou no React 18 no processo de Reconciliation?

Para que serve o React? Que problemas resolve? Quando é redundante?

função recursiveFunction(N) { let contador = 0; if (N > 0) { contador = contador + 1; recursiveFunction(N - 1); } // console.log(contador) } recursiveFunction(3); // 3 3 3 ? Explique qual será a saída da função e por quê. Além disso, identifique quaisquer problemas na implementação atual da função recursiva e sugira como corrigi-la para contar e registrar corretamente o número de chamadas recursivas.

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

Emotion e styled-components geram estilos em tempo de execução — isso é um problema? Quando começa a doer? Quais são as alternativas com melhor desempenho?