Frontend

¿Qué hace el operador in en TypeScript?

Middle+

IT One

Cuéntame sobre useCallback: escenario de uso, ¿para qué sirve?

Middle+

IT One

Habla sobre el trabajo con formularios en React: componentes controlados e no controlados, ventajas y desventajas de cada enfoque.

Middle+

IT One

const LiveSearch = () => { const [inputValue, setInputValue] = useState('') const onInputChange = (e) => { setInputValue(e.target.value) search(e.target.value) } return ( <div> <input value={inputValue} onChange={onInputChange} type="text" /> </div> ) } <span> Buscando: <LiveSearch /> </span>

Middle+

IT One

Tarea: recorrer un árbol de objetos (cada objeto tiene campos value y elements) y contar la suma de todos los valores. ¿Cómo lo implementarías?

Middle+

IT One

Cuéntame sobre las etapas del ciclo de vida de los componentes de React

Middle+

IT One

¿Alguna vez ha trabajado con Blob? ¿Cómo crear un enlace para descargar un archivo generado dinámicamente?

Middle+

IT One

const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Task: type the function return obj[key] } getProperty(X, 'a') // no error getProperty(X, ' ') // error: key is not a valid key for object X getProperty({ name: 'Sergey' }, 'name') // no error

Middle+

IT One

¿Qué es React.memo? ¿Cuándo se aplica useCallback?

Middle+

IT One

// Se reciben datos del servidor sobre el precio del producto en forma de: // 12345678 (el precio puede ser cualquier número en el rango de 1 a [phone]) // es necesario escribir una función que convierta el precio en una cadena formateada de la siguiente manera: // 12'345'678

Middle+

IT One

function sum(a, b) { return a + b; } function memo() {}

Middle+

IT One

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("cada renderizado 1")); console.log("cada renderizado 2"); useEffect(() => { console.log("cada renderizado 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Incrementar </button> ); }

Middle+

IT One

¿Qué es una función de limpieza (cleanup) en useEffect? ¿Cuándo se ejecuta? Escríbela en useEffect.

Middle+

IT One

const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //

Middle+

IT One

Cuéntame sobre Virtual DOM y el mecanismo de reconciliación en React. ¿Cómo optimiza React la comparación de árboles?

Middle+

IT One

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

Middle+

IT One

let x = 5; (function () { console.log(x); let x = 0; })()

Middle+

IT One

¿Cómo mostrar un banner una sola vez para un usuario autenticado en todos sus dispositivos?

Middle+

IT One

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

Middle+

IT One

¿Cómo implementar un recorrido de árbol sin recursión? ¿Qué estructura de datos ayuda?

Middle+

IT One