version 1.0.10 🚀

Release Notes para usehttprequest - Versión 1.0.10 🚀

Fecha de lanzamiento: 2024-08-14 📅

Cambios Realizados 🛠️

• Corrección de Bugs:
  • Sentry: Se solucionó un problema donde los errores no se capturaban correctamente en Sentry. Ahora, los errores se registran adecuadamente, lo que mejora el seguimiento y manejo de excepciones en la aplicación. ✅

Contribuidores 👥

• [Lista de contribuidores]

Notas Adicionales 📋

• Asegúrate de que tu DSN de Sentry esté correctamente configurado en tu aplicación para aprovechar las mejoras en la captura de errores. 🔧
• Se recomienda probar la integración de Sentry después de actualizar a esta versión para verificar que todos los errores se registren como se espera. 🧪

Version 1.0.9 🚀

Release Note: Version 1.0.9 de useHttpRequest

Fecha de Lanzamiento: [Fecha de lanzamiento]

Novedades y Mejoras

La versión 1.0.9 de useHttpRequest incluye las siguientes mejoras y nuevas funcionalidades:

1. Integración Mejorada con Sentry

• Se ha optimizado la captura de excepciones y eventos, permitiendo un monitoreo más efectivo de errores en tiempo real.
• Nuevos parámetros disponibles:
  • SentryWarning: Registra advertencias que pueden requerir atención.
  • SentryError: Captura errores y excepciones, proporcionando información detallada para facilitar la depuración.
  • SentryInfo: Permite registrar mensajes informativos sobre el estado de la aplicación.
  • SentryEvent: Captura eventos personalizados para un seguimiento más detallado del comportamiento del usuario.

2. Estado de Carga (isLoading) Optimizado

• Se ha mejorado la retroalimentación visual del estado de carga durante las solicitudes.
• Los botones y formularios se pueden deshabilitar mientras isLoading es true, evitando acciones múltiples que podrían causar errores.

3. Ajuste Dinámico del Retraso Basado en la Conexión

• Implementación de un ajuste automático del retraso del estado de carga según la calidad de la conexión del usuario.
• El tiempo de espera se adapta a diferentes tipos de conexión, como slow-2g, 2g, 3g y 4g, mejorando la experiencia del usuario.

4. Documentación Actualizada

• La documentación ha sido revisada y ampliada para incluir ejemplos de uso y guías sobre las nuevas características.

Cómo Actualizar

Para actualizar a la versión 1.0.9, ejecuta el siguiente comando en tu terminal:

npm install usehttprequest

Para más información, visita nuestra página en npm y el repositorio en GitHub.

1.0.3

🌟 Release: useHttpRequest v1.0.3

📖 Descripción

El hook useHttpRequest facilita la realización de llamadas a APIs en aplicaciones React utilizando Axios. Este hook incluye validación de parámetros, manejo de respuestas, y gestión de estados de carga y error, lo que lo convierte en una herramienta esencial para desarrolladores.

🚀 Características Principales

• Llamadas a APIs: Realiza solicitudes HTTP (GET, POST, PUT, DELETE) de manera sencilla y eficiente.
• Validación de Parámetros: Asegura que los parámetros de entrada (endpoint, método y tipo de contenido) sean válidos antes de realizar la solicitud.
• Gestión de Estados: Proporciona feedback claro al usuario mediante la gestión de estados de respuesta y error.
• Configuración de Encabezados: Permite la configuración personalizada de encabezados HTTP para cada solicitud.

🔧 Mejoras en esta Versión (v1.0.3)

• Validación de Parámetros: Se implementó una función de validación robusta para garantizar la integridad de los datos de entrada.
• Optimización del Rendimiento: Se utilizó useCallback para optimizar la función apiCall, evitando re-renderizados innecesarios y mejorando la eficiencia.
• Manejo de Respuestas: Se mejoró la lógica de manejo de respuestas de la API, proporcionando mensajes de error más claros y específicos.

💡 Ejemplo de Uso

Aquí tienes un ejemplo básico de cómo utilizar el hook useHttpRequest en un componente React:

import React from 'react';
import useHttpRequest from './path/to/useHttpRequest';

const MyComponent = () => {
  const { apiCall, apiResponse, userFound } = useHttpRequest();

  const fetchData = () => {
    apiCall('my-endpoint', null, null, 'get', 'application/json');
  };

  return (
    <div>
      <button onClick={fetchData}>Fetch Data</button>
      {userFound && Array.isArray(apiResponse) && apiResponse.length > 0 ? (
        <ul>
          {apiResponse.map((item) => (
            <li key={item.id}>{item.name}</li>
          ))}
        </ul>
      ) : (
        <p>Cargando...</p>
      )}
      {!userFound && <p>Error al cargar datos</p>}
    </div>
  );
};

export default MyComponent;

🤝 Contribuciones

Las contribuciones son bienvenidas. Si deseas contribuir, por favor abre un issue o un pull request en el repositorio.

📜 Licencia

Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.

1.0.2

Summary of Changes and Configurations

Hook Creation:

A React hook called useHttpRequest was developed, designed to simplify API calls in a straightforward and efficient manner.

package.json Configuration:

A package.json file was created, containing basic package information such as name, version, description, dependencies, and necessary scripts.
Relevant keywords were defined to improve the package's visibility on npm, including terms like "react", "hook", "api", "axios", etc.

Version Management:

npm version patch was used to automatically increment the package version in package.json, creating a new commit and a new Git tag.

Entry Point Configuration:

The exports field in package.json was configured to allow importing both the main index.js file and the main.jsx file. This was done so that users could choose between different entry points based on their needs.
It was established that the index.js file is the main entry point, and a ./jsx subpath was added to import main.jsx.

Git and npm Deployment:

It was discussed how to push changes and new tags to the remote Git repository, as well as how to publish the new package version to npm.

Import Example:

An example was provided of how users can import the hook and the main.jsx file in their projects, using the appropriate syntax to access the defined entry points.