React

Guía Paso a Paso para Instalar Dependencias en un Proyecto React

1. Vite - Crear el Proyecto

Ejecuta el siguiente comando para crear un proyecto con Vite:
```
npm create vite
```
Nota: La instalación de npm no funciona bien cuando el proyecto está ubicado en Google Drive. Es preferible utilizar una ubicación local para evitar problemas de permisos o conflictos.

2. npm - Instalar el Administrador de Paquetes

Si necesitas instalar npm:
```
npm install npm
```
Nota: Al igual que con Vite, la instalación de npm puede no funcionar bien si el proyecto está en Google Drive. Es recomendable trabajar en una carpeta local.

3. Inicializar el Servidor de Desarrollo

Para inicializar el servidor de desarrollo, usa el comando:
```
npm run dev
```

4. Bootstrap - Para Estilos

Instala Bootstrap para el diseño de la interfaz:
```
npm install bootstrap
```

5. React Bootstrap - Componentes Bootstrap para React

Instala React Bootstrap para utilizar componentes de Bootstrap directamente en React:
```
npm install react-bootstrap
```

6. React Router - Para las Rutas

Instala React Router para manejar las rutas de la aplicación:
```
npm install react-router-dom
```

7. FontAwesome - Para Iconos

Instala FontAwesome para tener acceso a iconos:
```
npm install @fortawesome/fontawesome-free
```

8. Axios - Para Realizar Peticiones HTTP

Si necesitas hacer solicitudes HTTP (por ejemplo, para interactuar con una API), Axios es una excelente opción.

Instalación:
```
npm install axios 
```

9. PropTypes - Para la Validación de Props

PropTypes te ayuda a validar los tipos de las props que se pasan a los componentes, lo cual es útil para evitar errores.

Instalación:
```
npm install prop-types 
```

10. React Icons - Para Iconos Adicionales

Si quieres acceder a una colección variada de iconos, puedes utilizar React Icons. Tiene iconos de diferentes librerías en un solo paquete.

Instalación:
```
npm install react-icons 
```

11. React Helmet - Para Manejar el Head de la Página

React Helmet te permite gestionar dinámicamente el contenido del <head> (como el título o las meta tags) de la aplicación.

Instalación:
```
npm install react-helmet
```