Este proyecto es una aplicación creada con React y TypeScript que incluye una estructura básica para empezar a desarrollar una aplicación web moderna.
Características 🚀 React 18: Librería para la creación de interfaces de usuario. 🦾 TypeScript: Añade tipado estático para mejorar la calidad del código. 🔥 Vite: Herramienta rápida para el desarrollo con soporte de hot reloading. 🎨 CSS Modules o cualquier otra librería de estilos que prefieras (ej. Sass, TailwindCSS). 🧪 Jest y React Testing Library: Para la creación de tests unitarios. Requisitos Antes de empezar, asegúrate de tener instalados los siguientes requisitos en tu máquina:
Node.js (v14 o superior) npm o yarn (Gestor de paquetes) Instalación Clona el repositorio en tu máquina local:
bash Copiar código git clone https://github.com/tu_usuario/tu_proyecto.git Accede a la carpeta del proyecto:
bash Copiar código cd tu_proyecto Instala las dependencias necesarias:
Con npm:
bash Copiar código npm install O con yarn:
bash Copiar código yarn install Scripts Disponibles En el directorio del proyecto puedes ejecutar los siguientes comandos:
npm run dev o yarn dev Inicia la aplicación en modo desarrollo. Abre http://localhost:5173 para verla en tu navegador. La página se recargará automáticamente cuando hagas cambios.
npm run build o yarn build Construye la aplicación para producción en la carpeta dist.
npm run lint o yarn lint Ejecuta el linter de TypeScript y ESLint para analizar el código en busca de errores.
npm run test o yarn test Ejecuta los tests usando Jest.
Estructura del Proyecto bash
├── public
│ └── index.html
├── src
│ ├── assets # Archivos estáticos (imágenes, fuentes, etc.)
│ ├── components # Componentes reutilizables
│ ├── hooks # Custom Hooks
│ ├── pages # Páginas de la aplicación
│ ├── styles # Estilos globales o específicos
│ ├── utils # Funciones utilitarias
│ ├── App.tsx # Componente principal de la aplicación
│ └── main.tsx # Punto de entrada de la aplicación
├── .eslintrc # Configuración de ESLint
├── tsconfig.json # Configuración de TypeScript
├── package.json # Dependencias y scripts del proyecto
└── README.md # Documentación del proyecto