4 Ways To Fetch Data in React 

Hello, please we need some react native content .... Even if it's only notes ... Please share ...🙌🙌

2:49 The result is not JSON, here's a quote from mdn on Response.json(): "Note that despite the method being named json(), the result is not JSON but is instead the result of taking JSON as input and parsing it to produce a JavaScript object." So correct me if I am wrong: the result obtained after the fetch promise has fulfilled, is already in JSON. When you do res.json(), it returns another promise that converts JSON into a JavaScript Object, so you can for example use the dot operator on the data when the returned promise of res.json() is fulfilled. We all are learning! Don't let a mistake like that haunt you Pedro! You've been a great help to me! :)

More videos about how to structure a large project with react query :)

Hi! I just want to say a big thank you! For my graduation project/bachelor thesis I decided to make an app using React. It was a totally new technology for me and the first app I ever made. Finding your tutorials and videos was been really helpful, they're really easy to follow and your explications and examples are great! I'll have to make sure to go back to every video I watched and leave a like. Good job and hopefully more people will find your channel!

There is also RTK Query, from Redux Toolkit.

E ai mano, tu eh o melhor professor que eu ja tive, valeu ai!

Can you please make a project-based tutorial using the redux toolkit and react query and show how to create industry standard coding and folder structure??

please if it's possible, when u have time, ---> context api vs prop drilling thanks a lot

This is a very important step guys … good video Pedro 👏🏻

Thank you so much, Pedro, for the video. I have been watching many videos, but yours are by far more helpful. Would you be able to do a tutorial on Nivo charts API integration? This topic is poorly documented and it would help tremendously to have your guidance. I am pretty sure I am not the only one searching for it 😅. Many thanks 😊

I’m surprised you didn’t mention rtk query, that’s another one, lots of people love using. Still great video

This is gold .. thanks 🙌🏽👏🏾👏🏾👏🏾

am dead 29:29 "writting code that doesn't male sense"

18 version is fast but 16 version too slow my office project running 16 version how to fast do it?

I heard and use some basics of React Query but you mentioned many things that I did not know and they are very useful! Thank you! :)

1:55 fetch api is a browser api, technically not built in into javascript but in the browser

React Query is by no means a state solution, also I like your videos but just get to the point, it took you over 4 minutes from the start of the React Query part to even get to the point of React Query

Please also make video on testing i.e Jest etc Thanks

Great Tutorial on four ways to fetch data in React. Thanks, Pedro {2022-06-14}, {2023-09-06}

Thank you dude. Is the suspense new feature still experimental or can it be used in production for nextjs apps?

I don't have anything displaying on my browser when I use the Fetch API and Axios API. All my codes are correct just like that of Pedro's. I will appreciate a response

boa pedrão, teus videos sempre me ajuda demais! Nem sabia q vc era brasileiro, seu inglês é muito bom

Thank uuuuuuuu . And how many ways we have to insert record to database like mysql. Thank u again for this video

I can see you have the copilot extension, I'm sort of having issues getting my own to work I don't know what I'm doing wrong but it shows the icon as cancelled every time

just cmt to say thank you ❤

Thanks!

Just what I needed to know thanks!!

Could you please help me how to fetch data from mssql database stored procedure to reactjs

love it!

Damn to Redux Toolkit Query.

nice one

I wish you showed stale option in react-Query. Anyways nice video!!

Hi, am using axios to fetch data but am getting this kind of error...... AxiosError: Network Error

I want to fetch the data from the server which uses jwt auth. Please help me.

Do I need to fetch data in react, if I used nodejs for backend?

ainda bem que vc não usou o typescript

Nice video like always. Thank you very much. Can u make a video on auto image slider in react js? i would love to learn that from u

hi Can you make a series on how to use swr client side fetching in nextjs and react query as well.

Great video thanks ! What's the theme plzzzzzzz ?

Thank you so much, sir 👍♥️🤝

Thank you , very useful video ❤

Brother pedro can you make a tuotrial creating a User Management System using React Js and MUI

You can also use SWR config to set a fetcher and set the suspense for all of the useSWR so you can just include the url and nothing else. That’s how this book taught it but I kind of like having the option to change the fetcher.

Fetch api is built-in the browser not node

Cool vid. Would love to see something like using react query with firebase, if that's something you find interesting.

Thank you so much! Great!

Your channel is a treasure of knowledge, man

Hey Pedro, just wanna clarify that in React 18 anytime when there's sth to do with api we no longer need to use useEffect() right? Since React Query benefits our performance better. Honestly I've tried both Pagination and Infinite Scroll in React Query which are really good in React app. However, when I use React Query in NextJs that's where I feel it slows down the app performance a bit.

async await is the best way.

great video, thx

Fantastic. Thank you!

You forgot RTK Query :/

Awesome tutorial

Fetch is not part of javascript. Fetch belongs to BOM(browser object model)

Thanks Pedro!

Who wants to steal his intro bgm?

const { isLoading, error, data, isFetching } = useQuery(["dog"], () => axios .get("random.dog/woof.json") .then((res) => res.data) ); This is right way