Skip to content

Commit

Permalink
fix: links to guide router-spa and more explicit link text (#1750)
Browse files Browse the repository at this point in the history
* fix: links to guide router-spa and more explicit link text

* Apply suggestions from code review

Co-authored-by: Génesis Mauries <39414582+GenesisMauries@users.noreply.github.com>

---------

Co-authored-by: Génesis Mauries <39414582+GenesisMauries@users.noreply.github.com>
  • Loading branch information
unjust and GenesisMauries committed Feb 22, 2024
1 parent 51a2c1f commit b1158b6
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 10 deletions.
16 changes: 7 additions & 9 deletions projects/03-dataverse-chat/docs/01-milestone.md
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ lo que significa que no solo se cambiaría el contenido,
sino también la dirección en la barra de direcciones de
tu navegador.Para obtener información sobre qué es un SPA y
conocer todos sus detalles, te invitamos a visitar esta
[guía](https://github.com/Laboratoria/guide-router/tree/guide-v1).
[guía](https://github.com/Laboratoria/curriculum/blob/main/guides/router-spa/README.md).

1. Establece la estructura HTML.

Expand All @@ -51,16 +51,15 @@ conocer todos sus detalles, te invitamos a visitar esta
se mostrará tu contenido. Para aprovechar
eficientemente este elemento, es necesario
establecer una referencia. Puedes encontrar
más información [aquí](https://github.com/Laboratoria/guide-router/tree/guide-v1?tab=readme-ov-file#1-configura-su-estructura-html).
[más información sobre el HTML aquí](https://github.com/Laboratoria/curriculum/blob/main/guides/router-spa/README.md/#1-configura-su-estructura-html).

2. Crear la vista **Home.js**

Define `Home.js` en la carpeta `src/views` y,
en su interior, crea una función encargada de
generar el contenido de la vista. Esta función
debe devolver un elemento DOM para que pueda ser
utilizado por el enrutador. [Aquí](https://github.com/Laboratoria/guide-router/tree/guide-v1?tab=readme-ov-file#1-configura-su-estructura-html)
puedes consultar el ejemplo de dos funciones,
utilizado por el enrutador. [Aquí puedes consultar el ejemplo de dos funciones](https://github.com/Laboratoria/curriculum/blob/main/guides/router-spa/README.md/#1-configura-su-estructura-html),
cada una representando una vista.

**Nota 📝: Es común que debas repetir este proceso para
Expand All @@ -73,8 +72,7 @@ conocer todos sus detalles, te invitamos a visitar esta
aplicación, necesitaremos definir algunas
funciones en un nuevo archivo `src/router.js`.
Estas funciones ayudarán a manejar la
navegación entre páginas. Vista la sección
[Codifique el router](https://github.com/Laboratoria/guide-router/tree/guide-v1?tab=readme-ov-file#3-codifique-el-router)
navegación entre páginas. Vista [la sección Codifique el router](https://github.com/Laboratoria/curriculum/blob/main/guides/router-spa/README.md/#3-codifique-el-router)
de la guía, encontrarás seis funciones. Para el
propósito de este hito, recomendamos utilizar
cuatro de ellas: `setRootEl`, `setRoutes`,
Expand All @@ -83,17 +81,17 @@ conocer todos sus detalles, te invitamos a visitar esta
**Nota 📝:
Para más información sobre el funcionamiento
y uso de cada una de las funciones, consulta
[esta sección de la guía](https://github.com/Laboratoria/guide-router/tree/guide-v1?tab=readme-ov-file#api-de-router-b%C3%A1sico).**
[esta sección de la guía](https://github.com/Laboratoria/curriculum/blob/main/guides/router-spa/README.md/#api-de-router-b%C3%A1sico).**

4. Configura el router

En su archivo `src/index.js`, inicialice su router definiendo
sus rutas y configurando el elemento raíz como se muestra
en la [guía](https://github.com/Laboratoria/guide-router/tree/guide-v1?tab=readme-ov-file#4-configura-el-router).
en la [guía sobre configura el router](https://github.com/Laboratoria/curriculum/blob/main/guides/router-spa/README.md/#4-configura-el-router).

5. Gestionar la carga de la página inicial

Asegúrate de [gestionar la carga](https://github.com/Laboratoria/guide-router/tree/guide-v1?tab=readme-ov-file#5-manejar-la-carga-de-la-primera-p%C3%A1gina)
Asegúrate de [gestionar la carga](https://github.com/Laboratoria/curriculum/blob/main/guides/router-spa/README.md/#5-manejar-la-carga-de-la-primera-p%C3%A1gina)
de la página
inicial llamando a `onURLChange` con
`window.location` en el archivo `src/index.js`.
Expand Down
2 changes: 1 addition & 1 deletion projects/03-dataverse-chat/docs/03-milestone.md
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,7 @@ enrutador para gestionar ambas situaciones.

**Nota 📝:
Para obtener detalles de las funciones, revisa
[esta sección de la guía](https://github.com/Laboratoria/guide-router/tree/guide-v1?tab=readme-ov-file#api-de-router-b%C3%A1sico).**
[esta sección de la guía](https://github.com/Laboratoria/curriculum/blob/main/guides/router-spa/README.md?/#api-de-router-b%C3%A1sico).**

![Preview Detail](./assets/previewDetail.gif)

Expand Down

0 comments on commit b1158b6

Please sign in to comment.