Ejercicio de programación con React: Instalar React y crear nuevo proyecto
Puzzle
0h 10m
React: instalar React y crear un nuevo proyecto con Vite. Aprende los comandos necesarios y estructura de archivo para iniciar en React.
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.
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:
- Comandos de instalación: Este tipo de preguntas se enfocará en los comandos necesarios para instalar Node.js y otros componentes necesarios para React.
- Verificación de instalaciones: Se incluyen preguntas sobre cómo verificar que las herramientas se han instalado correctamente.
- Creación de proyecto: Preguntas que involucran el comando correcto para inicializar un nuevo proyecto con Vite y React.
- 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
yvite.config.js
. - 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.
Todos los ejercicios de programación de React
Evalúa tus conocimientos con ejercicios de programación en React de tipo Test, Puzzle, Código y Proyecto con VSCode.
Props y manejo de datos entre componentes
Puzzle
Definición y manejo de rutas
Puzzle
Conocimiento general de React
Test
Galería de imágenes en React
Proyecto
Eventos en React
Código
Gestor de tareas con React
Proyecto
Custom Hooks para servicios compartidos
Test
Nuevos métodos create de React Router
Código
Solicitudes HTTP con Fetch API
Test
Renderizado condicional
Código
Introducción a JSX
Código
Manejo de clases y estilos
Puzzle
Introducción a React Router
Test
Solicitudes HTTP con Axios
Puzzle
Estado local con useState y useReducer
Código
Estado global con Redux Toolkit
Código
Estado y ciclo de vida de los componentes
Código
Hooks para gestión de estado complejo y contexto
Código
Componentes funcionales
Código
Certificados de superación de React
Supera todos los retos de React y obtén estos certificados de superación para mejorar tu currículum y tu empleabilidad.
Tutorial para resolver este ejercicio de programación
React
Instalar React y crear nuevo proyecto
Introducción y entorno