JS
Categorías (2) de valores en JS
primitivos y no primitivos
¿a qué nos referimos cuando decimos que solo debe existir una única fuente de verdad?
cada variable de estado debería estar declarada en solamente un componente para que tenga la responsabilidad completa de editarla
¿Cómo se llama la capa intermedia entre React y el DOM?
Virtual dom
¿Cómo conectas un evento con un elemento en React?
Directamente en el elemento con el atributo onNombreDelEvento y pasando una función. Por ejemplo onClick, onSubmit, etc
¿Qué atributo necesitan los elementos de una lista para que React sepa identificarlos en cada re-render?
key y debe ser un valor único
Tipos de valores en JS (9)
null, undefined, boolean, string, number, bigInt, symbol, object, function
características de props
son inmutables, un componente las recibe como argumentos de una función, props es un objeto
¿Cómo se puede acceder y manipular el DOM en React?
con refs, useRef
¿Cómo es posible tener acceso al elemento HTML desde el eventHandler a través del evento?
event.target
(2) maneras de controlar funciones asíncronas
.then().catch() o con async/await
typeof([])
Object
¿Qué puedes hacer para determinar si en un componente se necesita state o props?
Se pueden definir las responsabilidades de cada componente, y si varios componentes necesitan modificar la misma información entonces todos esos componentes recibirán la información como props; si solo uno la va a manipular entonces se crea estado en el componente
¿Cuál es la función principal de ReactDOM?
Renderear la app
Al agregar un eventHandler a un elemento de React, ¿qué tipo de funciones puede recibir? _ ó _
una función anónima onClick={() => {}} o una función definida fuera de JSX onClick={eventHandler}
Explica los diferentes tipos (3) de comportamiento de useEffect
1. sin 2do argumento, se corre con cada re-render
2. con un arreglo vacio en el 2do argumento, se corre una vez cuando se monta el componente
3. con un arreglo lleno, se corre cada que alguna de esas variables cambia
(4) Diferentes maneras de crear strings
con comillas sencillas (''), comillas dobles (""), back ticks (``) y concatenación (+)
¿qué es DDAU? y explícalo
Data Down, Actions Up. Se busca que cuando varias funciones quieran actualizar la misma información, el padre debe actualizarla (Actions Up) y regresar la información actualizada a los hijos (Data Down) y el ciclo se repite
si se agrega un ref a un elemento, ¿cómo se puede leer el nodo al que apunta? (qué sintaxis se usa)
ref.current
hacer un POST y recargar la página; lo cancelamos con event.preventDefault en el eventHandler del evento submit
¿Qué hace Babel y por qué es necesario?
es un transpilador de código y transforma JSX en HTML y JS para que los navegadores lo comprendan
const [value, setValue] = React.useState();
¿a qué tipo de valor apunta value?
undefined
¿Qué pasos harías para bajar el estado? lo contrario de lifting up state (collocating state)
(pueden variar)
1. identificar el único componente que usa ese estado
2. quitar el estado del padre y pasarlo al hijo
3. actualizar el padre para no pasar el estado como props
4. actualizar el hijo para no usar props, sino usar estado local
¿Cada cuándo se corre un re-render?
cuando cambia el state o props en un componente
¿Qué es un controlled input?
un input que recibe value y onChange para que programaticamente obtenga su valor y sea actualizado
¿Qué es una función pura en programación funcional?
- una función que siempre regresa el mismo resultado cuando recibe los mismos argumentos
- es predecible y no ocasiona efectos secundarios