AXIOS : with JavaScript or TypeScript?

AXIOS : Promise based HTTP client for the browser and node.js 

Axios is a promise-based HTTP Client for node.js and the browser. It is isomorphic (= it can run in the browser and nodejs with the same codebase). On the server-side it uses the native node.js http module, while on the client (browser) it uses XMLHttpRequests.

or simply Axios is a tool that can help simplify retrieving data when making API calls to a backend service. 

Features

• Make XMLHttpRequests from the browser
• Make http requests from node.js
• Supports the Promise API
• Intercept request and response
• Transform request and response data
• Cancel requests
• Automatic transforms for JSON data
• Client side support for protecting against XSRF

Reason to use Axios with TypeScript:

Because browser doesn't recognize the commonjs output, and failed to find the axios source code.

Typescript only compile the ts code into js, but not responsible for generating bundle file. To run your code in browser, you have to use a bundler like webpack to transform the commonjs output into a bundle file which includes all source codes.

You can follow the webpack docs to setup the webpack with typescript.

way to implement it:

const axios = require('axios');
// We need to import the package into to our workspaceaxios({
  url: 'https://webapp/api/auth/sign-in',
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  data: {
    email: 'something@email.com',
    password: 'SomePassC0d3',
  },
})
.then(respsonse => {
  console.log(response.message);
});Fetch APIfetch('https://webapp/api/auth/sign-in', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    email: 'admin@admin.com',
    password: '12345678',
  }),
})
.then(respsonse => {
  console.log(response.message);
});