Instalar React y crear nuevo proyecto

Puzzle
Básico
React
Curso de React
10 min
Actualizado: 06/10/2024

¡Programa y certifícate!

Asistente de IA
Solución de código
Certificado
Empezar ejercicio

Este reto, clasificado como un puzzle, tiene como objetivo que desarrolladores se familiaricen con el entorno de React y la creación de proyectos usando Vite. A través de una serie de preguntas, se evaluarán distintos aspectos relacionados con la instalación y configuración inicial de un proyecto de React.

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 cubren una variedad de temas esenciales para cualquier desarrollador que esté iniciándose con React y Vite. Entre los tipos de preguntas se encuentran:

  1. Comandos de instalación: Este tipo de preguntas se enfocará en los comandos necesarios para instalar Node.js y otros componentes necesarios para React.
  2. Verificación de instalaciones: Se incluyen preguntas sobre cómo verificar que las herramientas se han instalado correctamente.
  3. Creación de proyecto: Preguntas que involucran el comando correcto para inicializar un nuevo proyecto con Vite y React.
  4. Estructura de archivos y directorios: Estas preguntas están destinadas a evaluar el conocimiento sobre la estructura de un proyecto estándar de Vite con React, incluyendo dónde se encuentran archivos clave como App.jsx y vite.config.js.
  5. Comandos npm: Se evaluará el uso de comandos npm para gestionar el proyecto, tales como la instalación de dependencias y la inicialización del servidor de desarrollo.

Solución al ejercicio de programación en React

Contenido bloqueado

¡Desbloquea la solución completa!

Completa el ejercicio de programación en React 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 ejercicios de programación en React

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

Asistente de IA

Aprende de tus errores

Progreso

Mide tu avance

Certificación

Valida tus habilidades

Únete a miles de desarrolladores mejorando sus habilidades en React

⭐⭐⭐⭐⭐
4.9/5 valoración