Updated video coming soon. Here's a tutorial which shows how to use this with Next.js 12, Tailwind and JSON server: developer.school/tutorials/how-to-use-axios-in-a-nextjs-react-app
how can I take the response data from the then in axios post, and show it on the page? Like, I send an integer with axios on frontend to my backand api, and the callback promise, returns an json to the .then(res => console.log(res.data)) on frontend, and I want to display this res.data on the page
I think the theme used is "Tomorrow and Tomorrow Night Operator Mono Theme" with "editor.fontFamily": "Operator Mono, Consolas, 'Courier New', monospace"
You can,for example: async function posting{ try { const response = await axios.post('path', obj); return response; } catch(err) { throw err; } } this is being called by another function, so dont worry about the strange try/catch XD
This one is so cool. But I wanna know one more things, can you help me? After posting axios method how can i update or post also django databse ? It put to api but not in django db..please help!
How to get access token using axios, with client I'd, secret id, url, base url..... Plz u answer it's very important for me. I m using JavaScript. The same is working in postman
The good part. You teach users how to use Axios. The bad part, it's bad application design. What you should be doing is creating a service class for making request to any web service. Then provide the functionality with Axios within that service class with methods that return data. Then import the service class into any React component class that needs it and call its methods to return the data to the React component.
Hey Paul, I got Operator Mono, yet I'm not able to understand how select statements such as import are italic for you, excluding other code. I'm either able to set all italic or none at all. How do I achieve that? Please help its driving me crazy.
This will depend on the VS Code theme used. I’d recommend finding one with italics enabled (I.e. do a search for “italics”) or customising your own. :)
I am using React with Axios to make a request (get, in my example) to a local api endpoint, and I get Cross origin requests error. Anybody has any idea how to fix this CORS issue?
@@khurram650 It's an issue with Chrome, try running the following command in your CMD and using that window instead: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --disable-gpu --user-data-dir=~/chromeTemp
At the [5:00], when you use axios.post (`url`, {user}), I wonder why above that you declared the user to be an object: const = {user Name: this.state.name } So why do we call it in axios.post (`url`, {user}) we have to put the "user" in a pair of curly braces {} ?
Because he wants to post the user as a property of an object instead of the user object. Maybe the API requires the data in that format. But you probably figured that out by now. ^^
Updated video coming soon. Here's a tutorial which shows how to use this with Next.js 12, Tailwind and JSON server: developer.school/tutorials/how-to-use-axios-in-a-nextjs-react-app
how can I take the response data from the then in axios post, and show it on the page? Like, I send an integer with axios on frontend to my backand api, and the callback promise, returns an json to the .then(res => console.log(res.data)) on frontend, and I want to display this res.data on the page
Super clear and effective. Thanks for not complicating unnecessarily for us beginners!
Glad you enjoyed it!
For the first-timers, this tutorial is a little fast to follow!
Thanks to this video, I am no longer stressed out with the problem I was having
Great news!
Perfectly explained, exactly what I was looking for. Thank you. :)
Tq sir most valuable Tutorial
Finally someone not using an onClick demonstration. Thank you for your video, you allowed me to break my wall.
That’s what I like to hear! 🙌🙌
What a great, clear video summary. Thank you for this!
Thanks Kennan!
Very good explanation, this channel is my new source for learning, TY
Well, explain simply to follow and understand dyslexic friendly tutorial keep up the hard work.
Awesome, clear and magnificent tutorial !!! Thank You so much !!!!!!!!!!
Thanks Dereje! 🙌🙌🙌
Man you rock!!! You explain so good and so simply 🤩🚀🚀🚀
Cheers Ruslan!
Your font looks cool
Your explanation was very clear.
Thank u..!
what a wonderful font!
Thanks for the tutorial you saved me and my keyboard xD
Hey your vscode font style is awesome what is that font style name ?? Can you tell me
I think the theme used is "Tomorrow and Tomorrow Night Operator Mono Theme" with "editor.fontFamily": "Operator Mono, Consolas, 'Courier New', monospace"
Font is expensive like $200+. There are free alternative or Night Owl which might match a bit
Thanks for the video. Wish u had used hooks.
thank you, good man! Can I use Axios in async/await way?
You can,for example:
async function posting{
try {
const response = await axios.post('path', obj);
return response;
}
catch(err) {
throw err;
}
}
this is being called by another function, so dont worry about the strange try/catch XD
Yep.
try
{
const data = await ax.get()
c.log (data)
}
catch(error)
{
//log error
}
font-style looks nice
Thank you brother
This is well done sir! Thanks very much for posting this...
thank you so much i cant do work without some of these videos but will you do some cauculos or more of it if you have any
Thanks a lot for this video. It helped me a lot.
I get great help from this video.
Thank you.
Thank You so much Mr Paul ! Nice and knowledgeable video.
A bit fast, but filled with lots of great information.
Arigatou sensei!
Hello Paul, what is font-family ( name of font ) do you use in IDE ? Thanks.
Operator Mono! :)
Thanks !
This video is amazing!
can you please tell the name of theme which you are using? This is very cool :)
Nice Video!!
Thank you for share your knowledge.
can you make the same with functional components?
thank you very much paul
Bro, send the code. Excellent work in simple and smart way
If I have mutliples inputs i need create one event for each input value????
Thanks for the video, realy helpful :)
which font style you're using in vscode? it's smooth
Thanks for that, but one problem is how I can get data , I try it but it's not showing
Thanks Paul 🖤👍
Great video! What theme are you using?
You have probably found it by now, but the theme is called Dracula.
how would i go about posting scores from a game app into my database?
i'm using the MERN stack
thanks alot
This one is so cool.
But I wanna know one more things, can you help me?
After posting axios method how can i update or post also django databse ? It put to api but not in django db..please help!
can you tell us your vs code customization
this video very interesting but very few
Понял, принял, обработал... Лайк!
Great job, Thank you
Ajax vs xhr vs fetch api vs axios
Which one should we use?
why didnt you use function based components
Awesome, thanks for this!
Perfect thanks
Hello, what is your text editor? how did you customize it? It looks very convenient! thank You
following.
Its called Visual studio code and its awesome. The best part is that it is all free and so much customization option. You should get it :)
@@Nikrocks008 thanks.I use atom, does visual studio has as much options as in atom (like ESLinter for ex.)? thank you
Yes, it does :)
yes it does. you should give it a try.
thank's for tutorial ! what about adding authentication header ?
I’ll add a video on this in the future. 👍
Hey what font style do you use in VS code, it's look good. Although nice video man, really appreciate your efforts.
what is font style he is using
By using Axios and Async methods, we eliminate the need of javascript promises API calls, right?
How to get access token using axios, with client I'd, secret id, url, base url..... Plz u answer it's very important for me. I m using JavaScript. The same is working in postman
which font you using ? in VS CODE please reply
in the place of showing list of names in the browser iam only getting it hasperson name.so can you tell me why isnt the http API being called
0:17 what is axios
Arry bhai kithana speed hey
Perfect. 10/10
Link to code?
thank you
This font might look good, but sometimes it is gard to see at first glance whther a given letter is in capitals or not.
Excellent
Una consulta como agrego el header en la configuración de axios??
How to re-render the list of users when onSubmit? At 7:22
Call the method get again
Thanks a lot!
The good part. You teach users how to use Axios. The bad part, it's bad application design. What you should be doing is creating a service class for making request to any web service. Then provide the functionality with Axios within that service class with methods that return data. Then import the service class into any React component class that needs it and call its methods to return the data to the React component.
Redux in a nutshell friend
What is the name of that font extension?
post throws cors error though i am passing required headers from sever. Post works fine in postman
What API are you using? You may need to configure your API to take HTTP verbs besides get.
what is the name of the font you use...? its somewhat looking like Dank Mono.
Hi Paul, nice video.
Could you make a video on facebook and google login integration in react native?
I’ll add a task to do this. :) 🙌🙌
Thanks Paul
Hi paul the slack link is no longer available!
which IDE is this? it looks cool!
Oh, it is Atom
wthat is the name of this font you are using in?
this is a font, vscode?
I got post bad request 400. how to fix it?
how can i get this font family for code editor ?
Thanks bro💓
Good jop
How add bootstrap to REACT project then it cover all project
Where the best place put it
How access to function add for only user login
how to rerender after submitting without refreshing at 9:00 ?
What do you do when you have to change/update Name, age, and title? Do I use this.setState for all three? Thanks
Yup! :)
how do you render the user submitted on users list?
how to handle ssl handshake with axios?
the ionic tutorial is finished ?
u r amazing !!!
I am getting 'this.state.person.map is not a function' error has anyone else received it ?
Hey Paul, I got Operator Mono, yet I'm not able to understand how select statements such as import are italic for you, excluding other code. I'm either able to set all italic or none at all. How do I achieve that? Please help its driving me crazy.
This will depend on the VS Code theme used. I’d recommend finding one with italics enabled (I.e. do a search for “italics”) or customising your own. :)
What theme do you use?
I am using React with Axios to make a request (get, in my example) to a local api endpoint, and I get Cross origin requests error. Anybody has any idea how to fix this CORS issue?
how did you solve it?
@@khurram650 It's an issue with Chrome, try running the following command in your CMD and using that window instead:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --disable-gpu --user-data-dir=~/chromeTemp
you can fix it by changing the local endpoint to localhost:3000 instead of just localhost:3000 or wherever you end up hosting it.
How would you send a post request from React app with json object to a Web Api on IIS with Windows auth enabled.
Yo, which font?? which theme??
what's the font you use?:)
how about retrieving data from php json_encode ?
Great Stuff :)
What is that font man?
At the [5:00], when you use axios.post (`url`, {user}), I wonder why above that you declared the user to be an object:
const = {user
Name: this.state.name
}
So why do we call it in axios.post (`url`, {user}) we have to put the "user" in a pair of curly braces {} ?
Because he wants to post the user as a property of an object instead of the user object. Maybe the API requires the data in that format.
But you probably figured that out by now. ^^
What is that font?
How do you set up your vscode font like that?