React.js

Haremos un conversor de euros a dólares. Supondremos que un euro son dos dólares. El usuario introducirá un valor en euros y se mostrará el correspondiente valor en dólares en pantalla.

Definir un componente App que recogerá los grados centígrados introducidos y mostrará en pantalla los correspondientes grados Fahrenheit.

Para ello deberé multiplicar por 9/5 y sumar 32. Como todo el mundo sabe, 20 grados centígrados son 68 grados Farenheit.

Tendremos un formulario que recogerá el ancho y el alto de un rectángulo y mostrará su superficie en pantalla.

Ahora modificaremos los ejercicios que vimos en la sección de useRef para utilizar useState a la hora de mostrar el resultado. Seguiremos utilizando useRef para la recogida de valores.

Hay que realizar un conversor de euros a dólares. Supondremos que un euro son dos dólares. El usuario introducirá un valor en euros y se mostrará un mensaje en pantalla con el correspondiente valor en dólares.

Utilizaremos useState a la hora de mostrar el resultado. Seguiremos utilizando useRef para la recogida de valores.

Hay que realizar un conversor de grados Centígrados a grados Fahrenheit.

Para ello deberé multiplicar por 9/5 y sumar 32. Como todo el mundo sabe, 20 grados centígrados son 68 grados Farenheit.

Ahora modificaremos los ejercicios que vimos en la sección de useRef para utilizar useState en su lugar.

La solución debe ir imprimendose a medida que vamos introduciendo los datos, sin que sea necesario pulsar ningún botón de «calcular».

Hay que realizar un conversor de euros a dólares. Supondremos que un euro son dos dólares. El usuario introducirá un valor en euros y se mostrará un mensaje en pantalla con el correspondiente valor en dólares.

Hay que realizar un conversor de grados Centígrados a grados Fahrenheit.

Para ello deberé multiplicar por 9/5 y sumar 32. Como todo el mundo sabe, 20 grados centígrados son 68 grados Farenheit.

Tendremos un formulario que recogerá el ancho y el alto de un rectángulo y calculará su superficie.

Desarrollar la siguiente aplicación. Al pulsar sobre cada uno de los botones, debe cargarse la imagen correspondiente a una de las propiedades del siguiente objeto:

const ANIMAL_IMAGES = {

  img1: "https://pablomonteserin.com/lorempixel/111x111",

  img2: "https://pablomonteserin.com/lorempixel/222x222",

  img3: "https://pablomonteserin.com/lorempixel/333x333",

};

Al pulsar un botón incrementaremos una unidad un estado que contendrá un valor numérico. Si el estado es un número par, mostraremos en pantalla un párrafo con el texto hola, si el estado es un número impar, mostraremos un párrafo con el texto adios. Para ello utilizaremos el renderizado condicional con un operador ternario.