Important
Prueba técnica Jr de React | React + Vite | Fundación Pescar
Ejercicio: Añadir y eliminar elementos de una lista (React) Requisitos: Tener instalado Nodejs (v16.x.x o superior). Tener instalado npm.
-
Duración máxima: 60 minutos
-
Enunciado:
Crear una app en React con Vite que implemente un campo de texto y botón para añadir un elemento.
Cuando se hace click en el botón, el texto en el campo de entrada debe agregarse a continuación en una lista de elementos.
Además, cada vez que se hace click en cualquier elemento de la lista, debe eliminarse de la lista.
- [] Dar importancia a la funcionalidad y usabilidad, más que al diseño visual.
- [] El código debe ser enteramente desarrollado en Typescript con TailwindCSS (opcional).
- SWC - Plataforma basada en Rust para la Web.
- React - Una biblioteca de JavaScript para crear interfaces de usuario.
- TypeScript - JavaScript con sintaxis para tipos.
- Tailwind CSS - Un marco CSS de utilidad para crear rápidamente diseños personalizados.
Necesitará:
Recomendamos utilizar las siguientes extensiones para Visual Studio Code:
- Clonar el repositorio o fork
git clone https://github.com/griesco/prueba-tecnica-jr.git
- Instalar dependencias
npm install
- Ejecute el servidor de desarrollo
npm run dev
Abrir http://localhost:5173/ para ver el sitio web 🚀.
📁 Estructura de carpetas:
[] .vscode - Extensiones, configuración y opciones de inicio para VSCode.
[] src - Código fuente.
⚙ Comandos:
Command | Action |
---|---|
dev |
Inicia el servidor de desarrollo local en localhost:5173 . |
build |
Construir sitio para producción. |
lint |
Analice el código con ESlint. |