Me estoy familiarizando con Vanilla JS y estoy tratando de expandir mis horizontes usando algunas API de navegador para hacer algunas aplicaciones más interesantes. Estoy ejecutando Webpack, Babel y Jest en la mayoría de mis paquetes. Estoy tratando de establecer las diferencias entre las API del navegador y los paquetes NPM.

Entiendo lo que son individualmente, pero no estoy seguro de cómo interactúan entre sí. A mi entender:

Las API del navegador están listas y disponibles para que las usemos, que a menudo son objetos que tenemos que instanciar para usar sus métodos preescritos en nuestro código javascript, no son objetos javascript pero están disponibles para que los usemos y como cualquier cosa que sea global es adjunto al objeto ventana.

Se puede acceder a las API de terceros a través de puntos finales. por ejemplo, podemos hacer una solicitud a una API meteorológica escribiendo una ciudad y podemos usar esto como un argumento para nuestra solicitud asíncrona a la API meteorológica para devolvernos algo de JSON.

Entiendo los paquetes NPM como jest o webpack que están escritos en javascript. Esto nos permite instalar otros archivos javascript que podemos importar o ejecutar como un paquete independiente en la terminal en lugar de tener que hacer esta funcionalidad nosotros mismos. No hay API de navegador que nos permitan hacer esto, por lo que recurrimos a un paquete NPM. Tienen un propósito.

Lo que no puedo entender son paquetes como Axios. ¿Axios se basa en la API de búsqueda del navegador y simplemente cambia su nombre a Axios? ¿O el paquete NPM de solicitud de pagos? ¿Por qué necesitamos eso si tenemos una API de navegador llamada Solicitud de pagos? Incluso hay paquetes llamados Consola y DOM. ¿Por qué se repiten como paquetes npm cuando podemos acceder a ellos de todos modos a través del navegador? ¡Las API de terceros a las que puedo acceder también parecen tener paquetes NPM! ¿Cuál es el punto de estos si puedo acceder directamente a la API de todos modos a través de una solicitud de recuperación o axios?

En general, creo que mi pregunta es, ¿por qué hay tantos paquetes NPM para cosas a las que ya podemos acceder a través de un navegador o una API de terceros? Confundido.