Mediante un contenedor ,obtener cambios aleatorios de los fondos de color,color de margen y tipo de letra utilizando el framework front-end de React.
-
Teniendo un contenedor app donde construiremos nuestro box aleatorio.
-
Creamos nuestro unico componente Box.
-
Craemos la primera funcion donde obtendremos el numero y letra aleatorio para construir el codigo RGB del color.
-
Mediante la funcion getRandomFont y utilizando el array obtenemos un font diferente para nuestro texto.
-
Definimos las clases y estilos del componente Box desde el js que seran obtenidos de las funciones aleatorias.
-
Renderizamos el componente Box que estara dentro de app del html.
-
Listo!, Al refrescar tu página tendras estilos y colores diferentes en el mismo componente.
Realizado para Laboratoria por Marina Rodriguez