Definición y manejo de rutas

Puzzle
Intermedio
React
React
10 min
Actualizado: 06/10/2024

¡Practica y certifícate!

Retroalimentación
Soluciones
Certificado
Comenzar

En este reto te enfrentarás a la implementación y manejo de rutas dentro de una aplicación React utilizando la versión 6 de React Router, una herramienta esencial para el enrutamiento frontal en las aplicaciones web modernas. A lo largo del reto, te encontrarás con preguntas que evalúan tus conocimientos sobre componentes, hooks y técnicas para configurar rutas estáticas y dinámicas.

Guarda tu progreso

Inicia sesión para no perder tu progreso y accede a miles de tutoriales, ejercicios prácticos y nuestro asistente de IA.

Progreso guardado
Asistente IA
Ejercicios
Iniciar sesión gratis

Más de 25.000 desarrolladores ya confían en CertiDevs

Las preguntas abarcan desde conceptos básicos como definir rutas simples, hasta el manejo de parámetros dinámicos y rutas anidadas, incluyendo el uso de componentes específicos como BrowserRouter, Routes y Route. También se evaluará tu capacidad para redirigir a los usuarios en función de ciertas condiciones utilizando componentes como Navigate y la implementación de rutas protegidas.

Otro aspecto esencial que se abordará es el uso de hooks de React Router como useParams y useLocation, que permiten acceder a parámetros de la ruta y a la ubicación actual de la aplicación. Además, se explorarán prácticas para redireccionar a rutas específicas en diferentes escenarios, asegurando una navegación coherente y fluida para los usuarios.

Este reto está diseñado en formato de preguntas de selección múltiple, donde deberás elegir la opción correcta entre varias alternativas. Cada pregunta incluye fragmentos de código incompletos que deberás analizar y resolver correctamente para completar la tarea.

Solución al ejercicio

Contenido bloqueado

¡Desbloquea la solución completa!

Completa el examen para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.

solution.js
JavaScript
1 function solveChallenge ( input ) {
2 // Algoritmo optimizado O(n log n)
3 const data = parseInput ( input );
4 const sorted = data . sort (( a , b ) => a - b );
5
6 // Aplicar técnica de dos punteros
7 let left = 0 , right = sorted . length - 1 ;
8 const result = [];
9
10 while ( left < right ) {
11 const sum = sorted [ left ] + sorted [ right ];
12 if ( sum === target ) {
13 result . push ([ sorted [ left ], sorted [ right ]]);
14 left ++; right --;
15 } else if ( sum < target ) {
16 left ++;
17 } else {
18 right --;
19 }
20 }
21
22 return result ;
23 }
Código completo
Explicaciones
Mejores prácticas
+1.200 developers han resuelto este ejercicio de programación

Practica con exámenes de React

Mejora tus habilidades con cientos de exámenes de práctica, recibe retroalimentación instantánea y obtén tu certificación cuando estés listo.

Retroalimentación

Aprende de tus errores

Progreso

Mide tu avance

Certificación

Valida tus habilidades

Únete a miles de desarrolladores mejorando sus habilidades

⭐⭐⭐⭐⭐
4.9/5 valoración