This content originally appeared on DEV Community and was authored by Gabriel Bittencourt
Hey everyone and today I'm going to talk about my experience with the library axios, that makes the life off all developers, easier.
But wait, what is 'axios'??? Well from what I know and see others say axios is a promise based HTTP library, that makes api calls, like fetch, and gives you the response data direct, without all those .then(), basically it does that. Now I'm gonna show some ways I learned to use it.
First way I learned to use it
From the start the way you fetch data is simpler and direct, like the code below:
import axios from 'axios'
function Foo() {
useEffect(() => {
async function handleAPI() {
const response = await axios.get('URL-YOU-WANT-TO-GET-DATA')
// From this variable you can store it on some state
// and you're good to go
}
})
This is some way you can use it, but there is some better ways to do it
Second approach, and the way I use
After using this library some times I started to see others use it and from what I could see, and the way it better fits me, is creating a folder and using it's create method, like below:
import axios from 'axios'
const api = axios.create({
// This baseURL is the domain URL from the api
baseURL: 'THE-DOMAIN-URL-FROM-THE-API',
})
export default api
And that's it you can import the file api from where you need, and just pass like this:
async function handleApiCall() {
const response = await api.get('Here you can pass the route you want')
setSomeStateHere(response.data)
}
And from here I say goodbye to you all
I'm gonna leave the link below for the docs of the axios and you can feel free to see my github, you can see some projects that use axios!
Github Profile
Axios Docs
This content originally appeared on DEV Community and was authored by Gabriel Bittencourt
Gabriel Bittencourt | Sciencx (2021-10-08T04:23:17+00:00) Axios: My experience with the library.. Retrieved from https://www.scien.cx/2021/10/08/axios-my-experience-with-the-library/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.