Sobes.tech

Frontend

¿En qué se diferencia el renderizado de la pintura? ¿Cómo se llama el proceso de comparación entre el árbol DOM virtual y el real?

Middle+
164

¿Recibiste un código para revisión? — ¿Qué no es óptimo aquí?

Middle+
164

¿Cómo escribir una función que devuelva una Promesa que se resuelva en un segundo?

Middle+
163

Además de los métodos y tipos de claves, ¿qué más tiene Map que no tenga un objeto?

Middle+
163

const SomeElement = ({ hasData }) => { if (hasData) { return <div> <DataElement /> <SomeImportantElement /> </div> } return <div> <SomeImportantElement /> </div> }

Middle+
162

// Se aplica el método findUnique al array, que devuelve un nuevo array con los elementos únicos, // es decir, aquellos que aparecen solo una vez en el array original, en el mismo orden. // Es necesario implementar el método findUnique para que funcione como un método normal del array [10, 5, 10, 1, 6, 6, 7, 9, 9, 10].findUnique(); // [5, 1, 7]

Middle+
160

¿Qué sucederá si no especificas un array de dependencias en useEffect? Si añades count al array de dependencias y presionas el botón, ¿se ejecutará la función de limpieza?

Middle+
159

¿Qué es un cierre en JavaScript? ¿Dónde se usa en la práctica?

Middle+
159

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo, me 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}> Incrementar </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />;

Middle+
155

Da un ejemplo de cierre. ¿Has utilizado cierres en React?

Middle+
154

const doSomething = (ms) => { return new Promise((resolve, reject) => { setTimeout(() => { if (Math.random() <= 0.5) { reject("error"); } else { resolve(ms); } }, ms); }); }; const getDelay = () => { let rand = 1000 + Math.random() * 2000; return Math.floor(rand); }; const p1 = doSomething(getDelay()); const p2 = doSomething(getDelay()); const p3 = doSomething(getDelay()); const p4 = doSomething(getDelay());

Middle+
153

Cuéntame sobre las colecciones Map y Set en JavaScript — ¿qué sabes sobre ellas?

Middle+
152

¿En qué se diferencian los tipos any y unknown en TypeScript?

Middle+
152

Explica qué es el Event Loop. ¿Qué pertenece a las microtareas y qué a las macro tareas?

Middle+
152

¿Para qué sirve el tipo unknown en TypeScript? ¿Cómo se puede reducir el tipo?

Middle+
151

¿En qué se diferencia sessionStorage de localStorage?

Middle+
150

const a = {} a[1] = 'test' for ( ... )

Middle+
150

setTimeout(() => { console.log("timeOut"); }, 0) console.log(1); new Promise(resolve => { console.log("Promise"); setTimeout(() => { console.log("777"); resolve() }, 0) }).then(() => { console.log("then1"); }) .then(console.log('tratata')) .then(() => console.log("then2"); }) console.log(4); setTimeout(() => { console.log("timeOut2"); }, 0)

Middle+
149

¿Cuáles son los ámbitos de alcance de let/const y var? ¿Existe alguna otra forma de declarar variables además de var, let, const?

Middle+
149

const func = obj.sayHi() const boundFuns = func.bind(obj) boundFuns() ------------------- const submit = (el) => () => { log(el); } arr.map(el => <button onClick={submit(el)}/>) const param = useMemo(() => a + b) return <Child value={param} />

Middle+
147
/5