Del curso: Domina React: Frameworks

Desbloquea este curso con un periodo de prueba gratis

Únete hoy para acceder a más de 23.100 cursos impartidos por expertos del sector.

Enrutamiento y carga de imágenes estáticas

Enrutamiento y carga de imágenes estáticas - Tutorial de React.js

Del curso: Domina React: Frameworks

Enrutamiento y carga de imágenes estáticas

Vamos a hablar sobre cómo crear enlaces y también cómo incluir imágenes dentro de nuestro proyecto. Acá estoy dentro de un componente llamado BarraNavegacion, que es el que está generando todos los elementos que encontramos en la navegación de esta aplicación. En este caso estoy utilizando el componente Link. Para insertar lo importante, tienes que utilizar la versión específica de Remix, tal como se muestra dentro de la línea 2. Ahora, al incluirlo, vamos a ver acá cómo vamos a generar este Link y vamos a definir cuál va a ser la ruta a la que vamos a apuntar. Recordemos que dentro de Remix, dentro de la carpeta routes es donde podemos ir definiendo las rutas. Por ejemplo, si queremos apuntar hacia una sección llamada Nosotros, tenemos que crear un archivo llamado nosotros para poder ingresar ahí y tiene que estar dentro de la carpeta routes. Eso es todo lo que necesitamos para ir generando las rutas. Ahora, para ingresar imágenes, vamos a tener un detalle. Si nosotros entramos a…

Contenido