Comparativa de Bibliotecas y enfoques

disponibles para realizar peticiones AJAX en

React:Axios, Fetch API y jQuery AJA

Integrantes:
• Lovon Ahumada, Rodrigo Samuel
• Perez Luque, Jose Adriano
• Ponce Gomez, Abel Alejandro
 CARACTERÍSTICAS:
• Una popular biblioteca de JavaScript
basada en Promesas que simplifica las
solicitudes AJAX.

Axios:
• Ofrece una API fácil de usar y admite
una amplia gama de navegadores.
• Proporciona funciones avanzadas,
como la cancelación de solicitudes y la
gestión de errores de forma sencilla.
• Permite la configuración global de
encabezados y otras opciones.
 VENTAJAS:
• Facilidad de uso y documentación
completa.
• Gestión avanzada de errores y

Axios:
cancelación de solicitudes.
• Amplia comunidad de usuarios y
soporte activo.
• Ideal para aplicaciones React que
requieren una gestión de solicitudes
HTTP más sofisticada.
 DESVENTAJAS
• Requiere la instalación de una
biblioteca adicional.
• Puede aumentar el tamaño de la

Axios:
aplicación si no se configura
adecuadamente.

Recomendación: Utiliza Axios si necesitas

una solución robusta y versátil para
gestionar solicitudes AJAX en aplicaciones
React, especialmente en aplicaciones
empresariales y complejas.
CARACTERÍSTICAS:
• La Fetch API es una API nativa
de JavaScript que permite realizar
solicitudes HTTP de forma
nativa.
Fetch
• Utiliza Promesas para realizar
solicitudes, lo que facilita el
manejo
asincrónicas.
de respuestas API:
• Proporciona un enfoque moderno
y estándar para realizar
solicitudes AJAX.
 VENTAJAS:
• Es nativo en navegadores
modernos, por lo que no se
requiere una biblioteca adicional.
• Utiliza Promesas, lo que facilita
Fetch
la gestión de solicitudes y
respuestas asincrónicas.
• Ligero en tamaño y puede ayudar
a reducir la carga de la
API:
aplicación.
 DESVENTAJAS:
• Puede requerir más código en
comparación con Axios para manejar
ciertos escenarios.
• La gestión de errores y la cancelación
de solicitudes pueden ser más
Fetch
complejas que en Axios.

Recomendación: La Fetch API es una

excelente opción si deseas utilizar una
API:
solución nativa en navegadores modernos y
estás dispuesto a escribir un código
adicional para gestionar ciertos casos.
 CARACTERÍSTICAS:
• jQuery es una biblioteca

jQuery JavaScript que incluye un

módulo AJAX para realizar
solicitudes asincrónicas.
• Proporciona una sintaxis

AJAX: sencilla y funcionalidad que

es compatible
navegadores antiguos.
con
 VENTAJAS:

jQuery
• Facilidad de uso y sintaxis
sencilla.
• Compatibilidad con
navegadores antiguos.

AJAX: • Amplia gama de

complementos y extensiones
disponibles.
 DESVENTAJAS:
• jQuery es una biblioteca grande

jQuery
y puede ser innecesaria si solo
necesitas funcionalidad de
AJAX.
• No es una opción moderna y no

AJAX: se ajusta bien a las mejores

prácticas actuales de desarrollo
en React.

Recomendación:Este medotod es
muy bueno en el caso que necesitas
compatibilidad con navegadores
antiguos.
 CONCLUSION:
La elección de la biblioteca o enfoque para
realizar peticiones AJAX en React depende
de tus necesidades y el entorno de tu
aplicación. Axios es una opción sólida y
versátil, la Fetch API es nativa y ligera,
mientras que jQuery AJAX es una opción
desaconsejable en aplicaciones React
modernas.
Gracias