Skip to content

Commit 1482f39

Browse files
committed
feat(): add doc for angular challenge 60
1 parent 64f3b0a commit 1482f39

File tree

6 files changed

+123
-7
lines changed

6 files changed

+123
-7
lines changed
Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: 🟢 async-redirect
3-
description: Challenge 60 is about ...
3+
description: Challenge 60 is about using the new `redirectTo` function in Angular Router to modernize navigation logic.
44
author: thomas laforge
55
contributors:
66
- tomalaforge
@@ -11,12 +11,13 @@ sidebar:
1111
badge: New
1212
---
1313

14-
:::note
15-
WIP: The following documentation need to be written.
16-
:::
14+
## Statement
1715

18-
## Information
16+
In this challenge, you are working with an Angular application that currently uses a custom `navigate` method in `dashboard.ts` to handle route changes. With the introduction of the new `redirectTo` function in the Angular Router in v20, the goal is to modernize the codebase by removing the old `navigate` method and refactoring the application to use `redirectTo` for all redirection logic.
1917

20-
## Statement
18+
Your task is to:
19+
20+
- Locate and delete the `navigate` method in `dashboard.ts`.
21+
- Refactor the application to use the new `redirectTo` function from the Angular Router wherever navigation is required.
2122

22-
## Constraints
23+
This will help ensure the application leverages the latest Angular routing features and maintains best practices for navigation and redirection.
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
---
2+
title: 🟢 async-redirect
3+
description: El desafío 60 trata sobre el uso de la nueva función `redirectTo` en Angular Router para modernizar la lógica de navegación.
4+
author: thomas laforge
5+
contributors:
6+
- tomalaforge
7+
challengeNumber: 60
8+
command: angular-async-redirect
9+
sidebar:
10+
order: 23
11+
badge: New
12+
---
13+
14+
## Enunciado
15+
16+
En este desafío, trabajas con una aplicación Angular que actualmente utiliza un método personalizado `navigate` en `dashboard.ts` para manejar los cambios de ruta. Con la introducción de la nueva función `redirectTo` en Angular Router en la versión 20, el objetivo es modernizar la base de código eliminando el antiguo método `navigate` y refactorizando la aplicación para usar `redirectTo` en toda la lógica de redirección.
17+
18+
Tu tarea es:
19+
20+
- Localizar y eliminar el método `navigate` en `dashboard.ts`.
21+
- Refactorizar la aplicación para usar la nueva función `redirectTo` de Angular Router donde sea necesario realizar una navegación.
22+
23+
Esto ayudará a garantizar que la aplicación aproveche las últimas características de enrutamiento de Angular y mantenga las mejores prácticas para la navegación y redirección.
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
---
2+
title: 🟢 async-redirect
3+
description: Le défi 60 porte sur l'utilisation de la nouvelle fonction `redirectTo` du routeur Angular pour moderniser la logique de navigation.
4+
author: thomas laforge
5+
contributors:
6+
- tomalaforge
7+
challengeNumber: 60
8+
command: angular-async-redirect
9+
sidebar:
10+
order: 23
11+
badge: New
12+
---
13+
14+
## Énoncé
15+
16+
Dans ce défi, vous travaillez avec une application Angular qui utilise actuellement une méthode personnalisée `navigate` dans `dashboard.ts` pour gérer les changements de route. Avec l'introduction de la nouvelle fonction `redirectTo` dans le routeur Angular en version 20, l'objectif est de moderniser la base de code en supprimant l'ancienne méthode `navigate` et en refactorant l'application pour utiliser `redirectTo` pour toute la logique de redirection.
17+
18+
Votre tâche est :
19+
20+
- Localiser et supprimer la méthode `navigate` dans `dashboard.ts`.
21+
- Refactoriser l'application pour utiliser la nouvelle fonction `redirectTo` du routeur Angular partout où une navigation est requise.
22+
23+
Cela permettra à l'application de bénéficier des dernières fonctionnalités du routeur Angular et de respecter les meilleures pratiques en matière de navigation et de redirection.
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
---
2+
title: 🟢 async-redirect
3+
description: O desafio 60 trata do uso da nova função `redirectTo` no Angular Router para modernizar a lógica de navegação.
4+
author: thomas laforge
5+
contributors:
6+
- tomalaforge
7+
challengeNumber: 60
8+
command: angular-async-redirect
9+
sidebar:
10+
order: 23
11+
badge: New
12+
---
13+
14+
## Enunciado
15+
16+
Neste desafio, você está trabalhando com uma aplicação Angular que atualmente utiliza um método personalizado `navigate` em `dashboard.ts` para gerenciar mudanças de rota. Com a introdução da nova função `redirectTo` no Angular Router na versão 20, o objetivo é modernizar o código removendo o antigo método `navigate` e refatorando a aplicação para usar `redirectTo` em toda a lógica de redirecionamento.
17+
18+
Sua tarefa é:
19+
20+
- Localizar e deletar o método `navigate` em `dashboard.ts`.
21+
- Refatorar a aplicação para usar a nova função `redirectTo` do Angular Router sempre que for necessário navegar.
22+
23+
Isso garantirá que a aplicação aproveite os recursos mais recentes do roteamento Angular e mantenha as melhores práticas para navegação e redirecionamento.
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
---
2+
title: 🟢 async-redirect
3+
description: Задание 60 посвящено использованию новой функции `redirectTo` в Angular Router для модернизации логики навигации.
4+
author: thomas laforge
5+
contributors:
6+
- tomalaforge
7+
challengeNumber: 60
8+
command: angular-async-redirect
9+
sidebar:
10+
order: 23
11+
badge: New
12+
---
13+
14+
## Условие
15+
16+
В этом задании вы работаете с Angular-приложением, в котором для смены маршрутов используется собственный метод `navigate` в файле `dashboard.ts`. С появлением новой функции `redirectTo` в Angular Router версии 20, цель — модернизировать кодовую базу, удалив старый метод `navigate` и переработав приложение так, чтобы для всей логики перенаправления использовалась функция `redirectTo`.
17+
18+
Ваша задача:
19+
20+
- Найти и удалить метод `navigate` в файле `dashboard.ts`.
21+
- Переписать приложение так, чтобы для навигации использовалась новая функция `redirectTo` из Angular Router везде, где это необходимо.
22+
23+
Это позволит приложению использовать последние возможности Angular Router и соблюдать лучшие практики навигации и перенаправления.
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
---
2+
title: 🟢 async-redirect
3+
description: 挑战 60 旨在使用 Angular Router 的新 `redirectTo` 方法来现代化导航逻辑。
4+
author: thomas laforge
5+
contributors:
6+
- tomalaforge
7+
challengeNumber: 60
8+
command: angular-async-redirect
9+
sidebar:
10+
order: 23
11+
badge: New
12+
---
13+
14+
## 说明
15+
16+
在本挑战中,你将处理一个 Angular 应用,该应用当前在 `dashboard.ts` 中使用自定义的 `navigate` 方法来处理路由跳转。随着 Angular Router v20 引入了新的 `redirectTo` 方法,目标是通过删除旧的 `navigate` 方法并重构应用,使其在所有需要跳转的地方都使用 `redirectTo`,从而实现代码现代化。
17+
18+
你的任务是:
19+
20+
- 找到并删除 `dashboard.ts` 文件中的 `navigate` 方法;
21+
- 在需要导航的地方,重构应用以使用 Angular Router 的新 `redirectTo` 方法。
22+
23+
这样可以确保应用充分利用 Angular 路由的最新特性,并保持导航和重定向的最佳实践。

0 commit comments

Comments
 (0)