Platzi Examen Curso de React Js

*-*-*--*-*-*-*-*----*-*-*-*-*-*
Platzi Examen Curso de React Js
-*-*---*-*-*-*-*-*-*-*-*-*-*-*-

¿Cuál es el último método que se llama cuando se desmonta un componente?
R: componentWillUnmount()

¿Cuál es el feature principal de un Switch?
R: Asegura que solamente un Route se renderice.

En algunas ocasiones podemos definir dos sub-estados para los datos que obtenemos de una peticion. Esto son:
R: con datos, vacio

¿Cuáles son los tres estados de una petición?
R:loading,error, data

¿Por qué usamos un Portal para asegurar que los modales queden en un nodo fuera de la aplicación principal?
R: Para evitar problemas de estilos, en particular, con el z-index.


componentDidUpdate recibe dos argumentos. ¿Cuáles son y en qué orden?
R: prevProps, prevState

Create-react-app nos ayuda a configurarlas siguientes herramientas:
R: Webpack, Babel.

¿Cuál de estos es el mejor lugar para iniciar una llamada HTTP?
R:componentDidMount()

El hecho de que React sea declarativo quiere decir que:
R:Especificamos qué queremos, no cómo lo hacemos.

¿Cuál de las siguientes no es JSX válido?
R: <BadgesList badges={ {firstName: ‘Julio’}, {firstName: ‘Sandra’ } } />

¿Cuál de estos es un evento válido?
R: onKeyDown

¿Cuál es la diferencia entre <Navbar /> y Navbar?
R: El primero es un elemento, y el segundo un componente.

En pseudocódigo, decimos que ReactDOM.createPortal recibe los siguientes argumentos:
R: createPortal(qué elemento, dónde)


En pseudocódigo, decimos que ReactDOM.render recibe los siguientes argumentos:
R:render(qué elemento, dónde)

¿Cuándo es buen momento para dividir un componente en contenedor y componente presentacional?
R: Cuando contiene lógica compleja de comportamiento y tiene una interfaz por presentar.

Hay ocasiones en las cuales hay un estado que tenemos que compartir con dos o más componentes. ¿A dónde debemos levantar ese estado?
R: Al componente en común más cercano a los componentes que lo usan

En React hay un prop que representa el contenido entre las etiquetas de un elemento. ¿Cómo se llama?
R: props.children

¿Qué evento se dispara cuando un usuario escribe en una caja de texto?
R:onChange

JSX es syntactic sugar para:
R: React.createElement

¿Cómo se llama el primer método que se ejecuta cuando se monta un componente?
R: render()

¿Cuál es el único momento en el que podemos escribir directo a this.state?
R: Durante la inicialización de una clase Component

¿Cuál es la diferencia entre <Link> y <a >?
R:<Link> evita que se cargue completamente la página, mientras que <a> sí

Cuando tenemos un setInterval o un setTimeout en nuestro componente ¿en dónde debemos removerlo?
R: componentWillUnmount

Cuando tenemos un setInterval o un setTimeout en nuestro componente ¿en dónde debemos removerlo?
R:componentDidMount

¿Cuál de estas sería un uso correcto de React.useState?
R: const [ name, setName ] = React.useState("")



Una regla de los hooks es que el su nombre debe comenzar con esta palabra:
R:use

¿Cuál es el método que React utiliza como señal de que ocurrió una actualización?
R: componentDidUpdate()

¿Cuál de estos momentos presenta la mejor oportunidad para crear un componente?
R: Cuando tenemos una lista y presentamos alguna información repetitivamente.

¿Cuál prop es importante cuando renderizamos una lista de componentes?
R: key

ReactDOM.createPortal nos permite hacer render de
R: Un elemento fuera la aplicación principal.