Creando nuestro archivo de rutas
Taller de Creación de Router para Single Page App con JavaScript
Contenido del curso
Edwin Yohany Duque Yara
Ricardo Celis
Profesor
Rodrigo Rodriguez
Felipe de Jesús Galindo Aguilar
Ricardo Celis
ProfesorRicardo Celis
Profesor
Juan Jiménez
Jimmy Buriticá Londoño
David Antonio Garcia Saaib
Usuario anónimo
User
Orlando Manuel Mendoza Vargas
Andre Huaman Yovera
Anfernee Valera
Sebastián Buitrago
Johann Rios
Anfernee Valera
Aarón Fabricio Santa Cruz Valdez
kolab Linkear
Ricardo Celis
Profesor
Marcos Orozco Rios
Miguel Angel Muñoz Pozos
Ricardo Celis
Profesor
Sergio Estrella
Profesor
Gonzalo Pimentel
Jorge Cruz Perez
jorge llanque
Jesus Federico David Herrera
He visto este tema de routes en varios lenguajes y nunca lo había hecho desde cero. me parece muy bueno aprenderlo de esta manera
Eso! Gracias por tu feedback, qué bueno que te gustó
Adhiero, yo usaba y uso Angular pero no sabia esto, la verdad me gusta saber el porque de las cosas, y si te lo explican muchisimo mejor porque ahorras ahoras de investigacion.
Hola que tal, me surgen algunas dudas con el manejo del atributo template ya que no se le colocaron comillas simples, y otra cosa ahí podría ir una ruta a un archivo físico y así, bueno ahí depende de como se quiera manejar supongo. Excelente curso, me agrada la idea de saber del porque de las cosas.
no podríamos tener un "archivo" físico por que ese lo tendrías que descargar del servidor, o sería muy pesado tu front,
lo del template es porque sólamente queremos mostrar ese texto como un encabezado y yap
Faltaron las comillas entre las etiquetas <h1>, lo correcto sería template: '<h1>texto</h1>'
En los archivos adjuntos, si aparecen las comillas.
A ver si no me equivoco: routes es un array que contiene objetos, es por ello que path y template no usan comillas
Técnicamente, path y template son propiedades.
Cómo es que el atributo acepta código html sin ser JSX?
El código que se muestra es una configuración de rutas para una aplicación web, en la que se define una matriz de objetos routes. Cada objeto representa una ruta en tu aplicación y contiene una propiedad template que define el contenido HTML correspondiente a esa ruta.
.
En JavaScript, las cadenas de texto pueden contener código HTML sin necesidad de utilizar JSX o un compilador especial. En este caso, las plantillas de texto están escritas usando comillas invertidas ( ) en lugar de comillas simples o dobles. Esto permite el uso de múltiples líneas y la interpolación de variables dentro del texto.
.
Por ejemplo, en la primera ruta, el objeto tiene la propiedad template con una cadena de texto que representa un bloque de código HTML:
{ path: "/", template: ` <div class="title-image"> <!-- Resto del código HTML --> </div> <div class="skills"> <!-- Resto del código HTML --> </div> <p class="credit-legend">Made with ❤️ by <a class="link-github" href="https://github.com/TathataHY" target="_blank" rel="noopener"><em>@TathataHY</em></a></p> `, },
Dentro de esa cadena de texto, puedes incluir todas las etiquetas HTML y estructura que necesites para esa ruta específica de tu aplicación. . Es importante tener en cuenta que este enfoque solo se encarga de definir la estructura HTML para cada ruta. Si necesitas interactuar con los elementos del DOM o agregar lógica dinámica a tu aplicación, puedes hacer uso de JavaScript adicional en tu proyecto. . Recuerda que este código que has proporcionado es parte de una configuración específica de rutas para una aplicación web y podría estar siendo utilizado en conjunto con un enrutador o un framework específico.
Coloquen los templates entre comillas.
alguien sabe porque material icon theme me pone este icono al escribir el archivo routes.js
lo mismo me pasó y busque en el Repositorio del Material Icon y sale que es un archivo de Routing, asi que creo que no es algo malo.
Don't worry, simplemente es más divertido que el típico logo de JS. Las flechas son para referenciar las routas de nuestro archivo xD
Por que le dicen llaves cuadradas a los corchetes ggg
me sigue dando error, voy por la tercera vez que veo el curso y me sale el siguiente error
TypeError: route.path.split('/').slide is not a funcion. (in 'route.path.split('/').slide(1).slide' is undefined
holaaa JK! Me compartes porfa tu código para ayudarte?
la sentencia debe ser route.path.split(’/’).slice
reemplaza la slide x slice
Muy bonito profe me gusta la forma simple, de sus explicaciones porque son muy precisas
Gracias Miguel!
Estoy encantado en cómo todos los conceptos se dan de una forma simple y precisa, la cual es muy comprensible! :D
Hasta ahora todo ok, sigamos!
Encontre una incongruencia, no es que este mal, pero cada objeto lo escribe sin la ultima coma, y lo s elementos del arreglo si la tiene, o ambos o ninguno, cierto:)
Me gustó mucho esta clase
Creando nuestro archivo de rutas
Creamos nuestro archivo de rutas permitidas o disponibles. Para ellos creamos el archivo route.js
const routes = [ { path:'/', template: <h1>Hola</h1> }, { path:'/contacto', template: <h1>Contacto</h1> }, { path:'/aboutme', template: <h1>About me</h1> }, ]
