Manejo de clases y estilos

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

¡Practica y certifícate!

Retroalimentación
Soluciones
Certificado
Comenzar

Este reto, tiene como objetivo evaluar tus habilidades en el manejo de clases y estilos en componentes de React. A través de una serie de preguntas, se presentarán fragmentos de código que deberás completar correctamente para lograr el comportamiento estilístico deseado en los componentes React. Las preguntas están diseñadas para abarcar diferentes métodos de aplicación de estilos, tales como estilos en línea, uso de CSS externo, integración de CSS Modules y el uso de librerías como styled-components y emotion.

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

Además, se te pedirá completar fragmentos de código que manejan estilos dinámicos basados en los estados del componente, comentarios sobre el uso correcto de propiedades CSS en objetos de estilo, y mejorar componentes con efectos y transiciones. Cada pregunta ofrecerá varias opciones de respuesta, de las cuales solo una será correcta.

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