@@droiddevx03 No it should be "whomever" because it is the object of a preposition ("for" in this case). "Whom" is for objects, and "who" is for subjects. If you're gonna be petty and police people's grammar, at least be correct about it lmao.
@jasoncavanaugh1556 just curious, weren't they talking about the person that created it not react query. I'm awful at grammar and actually curious. Your comment made me smarter today.
Been using react-query for a while, convinced my company and we moved managing our server side state from redux to react-query has seen tremendous increase in performance. Shout outs to Tanner Linsley
if there's one library that is a game-changing, is this one. It solve SO many problems and keep things SO simple, that I like to compare with Javascript and Typescript. Once you migrate, it gets so hard and annoying to deal with codebases without it.
I am switching to typescript right now, but my vs code has become incredibly slow. For example I'll type something that contains an error but vs code will take like 10 seconds to underline it. My computer has a good CPU and 16GB ram. Tried googling it but found no solutions
Have been using this library for over a year now and is truly mind-blowing. Solves syncing server state in the app like you make videos, pure awesomeness
Thank you. Never stop making these.mi don’t care if you don’t get enough likes or subscribes. The people who do watch these get the maximum amount of learning from them. Thank you very much.
While the Net Ninja is great, I would describe his as a crash course, I preferred CodeEvolution, it was far more in-depth: ua-cam.com/play/PLC3y8-rFHvwjTELCrPrcZlo6blLBUspd2.html
@@vivarantx how am I a noob for saying you don't need redux? Everyone would agree. I use whatever is required of me. However right now I'm using codegen graphql with react query. But I can codegen on rtk too and it's basically the same workflow.
I use RTK Query, which has a very similar API, with the familiar redux ecosystem. But React Query seems to be the preferred choice in the community. Would love to see a comparison between them and the trade offs.
He saves so much of my time, Googling the use cases and differences of tools, with very good examples in such a short time. Can't wait full crash course on React Query.
I love this channel so much to describe! It's impossible not to understand the videos, the methodology here is crystal clear and pleasant to digest. Keep rocking, guys!
react-query doesn't either, it's optional and to be used if you want to apply query options (e.g. sending all errors to some error logging tool) globally. SWR actually also has a provider like that for the same purpose
Good job man, I love react-query I used it months ago on my company project, the good thing about this library is that you can create custom hooks for your API calls and invoke them when ever you need.
I love your channel. As a backend guy there is so much to know and learn about front end and this channel helps me stay updated with the front end tech.
@@multiarray2320 another state manager tools and looks much simpler than redux. And also clean on async handling. P.S. didn’t use it yet, wanna know more opinion on that too
This was perfectly timed for me. Trying to build a blitz js web app that uses capacitor to also act as a mobile app, and I've been trying to use this library for remote calls to the server.
Or even simpler: `const { data, isLoading, isError } = useQuery('cars', fetchCars);` `isLoading` or `status === 'loading'` - The query has no data and is currently fetching `isError` or `status === 'error'` - The query encountered an error `isSuccess` or `status === 'success'` - The query was successful and data is available
@Scott Page USMC Something like this will work out I guess? { user: data, loading: !data && !error, errorUser: error, isErrorUser: !data && error, }; I always return these values on my custom hooks
@@vaibhav1180 You should try it. React-Query handles the data from server, and Context handles the rest. With custom hooks for everything, it's very maintainable. React-Query makes life easier.
@@vaibhav1180 By using RQ, I think you don't need to use useContext anymore, because it handles deduplication. Just call useQuery everywhere in your components
I am currently developing my first web app product and struggling with useContext hook. I cannot describe how thankful I am that I came across your vid.
Great video! Here's an idea for the 100 second series: Blender in 100 seconds. Now you might wonder what does a 3D program have to do with code? Actually, you can run python scripts in blender and I believe the majority of the community don't use the feature (including myself). Maybe you can get creative and give us a few cool tricks using it!
Fantastic. I actually watched this 0.5x. The guy behind React Query is brilliant. Some of react just feels like brain spaz. Like something as fundamental as global state should have been simple from the jump.
Do you maybe have a course with explained examples of the different things react query can do? I found a couple of courses but the padding it's insane. If using React Query, most likely the user watching already knows basic react concepts and basic javascript concepts. I want a tutorial with the important parts react query offers and how to set up the backend for the infinite scrolling. Thank you for this 100 seconds video. We really need more courses who directly tackle the subject and not just explain everything from zero.
This will be a game changer if we can have some sort of control over the size and number of objects in the cache. This is still a good start once data is fetched once then, every other time it gets fetched it will come from the the cache very quickly.
Great Video! Please keep in mind the illustration shown for spagetti code is the holy flying spagetti monster. As a pastafarian though, I do not get offended by this as our lord told us. Keep it up!
I've just joined a company and they used react query and my life was never been simpler thank god for whomever created this
@@droiddevx03 No it should be "whomever" because it is the object of a preposition ("for" in this case). "Whom" is for objects, and "who" is for subjects. If you're gonna be petty and police people's grammar, at least be correct about it lmao.
@@jasoncavanaugh1556 lvl 100 raid boss right here
@jasoncavanaugh1556 just curious, weren't they talking about the person that created it not react query. I'm awful at grammar and actually curious. Your comment made me smarter today.
We are using redux saga for everything lol
Been using react-query for a while, convinced my company and we moved managing our server side state from redux to react-query has seen tremendous increase in performance. Shout outs to Tanner Linsley
Why would you use react in the server side anyway it's a client side library
@@skyhappy Maybe, he wanted to say server side state or simply server state
@@skyhappy oh right, I meant keeping my server side state in sync with the client
@@skyhappy he means whatever data comes from server to the client...
if there's one library that is a game-changing, is this one. It solve SO many problems and keep things SO simple, that I like to compare with Javascript and Typescript. Once you migrate, it gets so hard and annoying to deal with codebases without it.
Can you explain
I am switching to typescript right now, but my vs code has become incredibly slow. For example I'll type something that contains an error but vs code will take like 10 seconds to underline it. My computer has a good CPU and 16GB ram. Tried googling it but found no solutions
@@outis99 check task manager to see what is slowing down your PC and kill anything that's not needed.
Agreed. If you're using Redux though, RTK Query is the way to go.
How does it work with lazy loading though?
Have been using this library for over a year now and is truly mind-blowing. Solves syncing server state in the app like you make videos, pure awesomeness
Thank you. Never stop making these.mi don’t care if you don’t get enough likes or subscribes. The people who do watch these get the maximum amount of learning from them. Thank you very much.
I just finished a react query course, but this is a great intro for my collegues. Thanks.
Which one and would you recommend it?
Can you share link to the course?
@@dwanepennant
I personally recommend TheNetNinja. He explains so well even my dumbass understood it
While the Net Ninja is great, I would describe his as a crash course, I preferred CodeEvolution, it was far more in-depth:
ua-cam.com/play/PLC3y8-rFHvwjTELCrPrcZlo6blLBUspd2.html
react-query is one of the most useful react libraries and yes, it almost eliminates the need for any other client-side state management library.
You still need redux
@@AkshayAradhya lol no you don't. If you need stale global data in the state, just use something like Zustand. Redux is too much for most cases now.
@@Ivcota you must be a noob, if you use redux toolkit it's even easier than react query
@@vivarantx how am I a noob for saying you don't need redux? Everyone would agree. I use whatever is required of me. However right now I'm using codegen graphql with react query. But I can codegen on rtk too and it's basically the same workflow.
@@vivarantx lol you're basically saying there's only one way to manage state in react 😂😂 okay....
How you understand so much that you can simplified it into a really short video is really amazing
Even as someone who doesn't code in JavaScript, Fireship's videos always make me entertained.
I use RTK Query, which has a very similar API, with the familiar redux ecosystem. But React Query seems to be the preferred choice in the community. Would love to see a comparison between them and the trade offs.
i used both react query is much better than rtk
well one drawback of RTK Query is that you need to use Redux. IMHO a major drawback, I do not like Redux one bit.
RTK Query is awesome and I dont mind using Redux tbh. Redux toolkit is rly nice.
@@Wardret Yeah I feel people mostly talk about the old redux without even having tried RTK when saying they don't like redux.
@@petarp3938 ye you are so right, they need to give Redux one more chance and go through their newer docs
I already use this , is very powerful .. match with case like updating continuously like crypto market, always refresh with interval 3s or more
He saves so much of my time, Googling the use cases and differences of tools, with very good examples in such a short time.
Can't wait full crash course on React Query.
just wanna ask.. if i use react query, i dont need redux anymore is it?
@@mohamedshahrul1750 yes
Would love to see a full fledged tutorial on React Query beyond 100 seconds ❤️
I love this channel so much to describe! It's impossible not to understand the videos, the methodology here is crystal clear and pleasant to digest. Keep rocking, guys!
swr from vercel is another great alternative to react-query, it seems to be simpler and it does not require a Provider
react-query doesn't either, it's optional and to be used if you want to apply query options (e.g. sending all errors to some error logging tool) globally. SWR actually also has a provider like that for the same purpose
@@cakemnstr42 swr is 4kb and react-query is 12kb. So that's one thing you can compare them on.
@@krishgarg2806 We use SWR in production for very very advanced use cases. So does Vercel.
@@krishgarg2806 what are you talking about
@@philheathslegalteam I mean yes it can be, was just telling my personal preference.
Never expected to see Rytmus in a video about programming.
me too :DD
Rytmus at 1:28 has made my day.
Good job man, I love react-query I used it months ago on my company project, the good thing about this library is that you can create custom hooks for your API calls and invoke them when ever you need.
I love your channel. As a backend guy there is so much to know and learn about front end and this channel helps me stay updated with the front end tech.
Yet again learning about something I never heard about before. I gotta figure out how Fireship finds all this stuff lol
That's why I love angular, I feel it's underrated!
The non change paradigm people will tell you that rxjs for http call is hard and all that
How about 100 seconds of Spark, a very powerful tool
Awesome content, keep it up!
React query is definitely one of my favorite libraries
This is the great library I recently used, it’s really great👍🏻
Amazing bro. Amazing. You just explained what chatGPT wasn't able to do for me.
*React Query + Zustand* is the best combination in the world for react state management
Zustand?
@@multiarray2320 another state manager tools and looks much simpler than redux. And also clean on async handling.
P.S. didn’t use it yet, wanna know more opinion on that too
@@locim9201 ok. the word confused me because i am from germany (Zustand=state).
@@multiarray2320 wow, thanks, author of Zustand should be a German too
I knew it wasn't only me who felt like this
This is BUSTED so powerful. Thanks for the vid
Its actually pretty similar to react apollo, it uses graphql schema to fetch data and the hooks syntax is almost the same in react query.
I was looking for this comment. Not a lot of GraphQL users here I guess.
A Wild Rytmus Appears! :D
This was perfectly timed for me. Trying to build a blitz js web app that uses capacitor to also act as a mobile app, and I've been trying to use this library for remote calls to the server.
Thank you for this and for all your content.
Jeff style to communicate so much in the less time possible is unique and so valuable to tech.
One of the favourite libraries for react ever exist
U have THE COOLEST visuals lately
Or even simpler:
`const { data, isLoading, isError } = useQuery('cars', fetchCars);`
`isLoading` or `status === 'loading'` - The query has no data and is currently fetching
`isError` or `status === 'error'` - The query encountered an error
`isSuccess` or `status === 'success'` - The query was successful and data is available
@Scott Page USMC You have to check in on 'idle' status as well. like `status === 'idle'`, once pass then data should not be undefined
@Scott Page USMC Something like this will work out I guess?
{
user: data,
loading: !data && !error,
errorUser: error,
isErrorUser: !data && error,
};
I always return these values on my custom hooks
@Scott Page USMC You are right
this is video is not one ive been waiting for, but definitely one i needed!
Literallly don't understand how people manage data fetching without this.
Good video! Please do a comparison against similar library like Vercel's SWR
Will take a look, looks awesome!
Super cool, I love how fast these 100 second videos keep coming. I'd really like to see a 100 seconds on ROS
Been using it for more than a year now, and haven’t thought of using redux in any of the project I recently worked. Loving it
But what if you need some property in almost every other component of the project?
@@vaibhav1180 useContext
@@avishapiro8592 But man using Context API in a big project? That'll be another nightmare, I would happily use Redux
@@vaibhav1180 You should try it. React-Query handles the data from server, and Context handles the rest. With custom hooks for everything, it's very maintainable. React-Query makes life easier.
@@vaibhav1180 By using RQ, I think you don't need to use useContext anymore, because it handles deduplication.
Just call useQuery everywhere in your components
this absolutely changed my life
Been using it since 2020 I think, been in love since then.
Check out React Location by the same author, you wont need suspense anymore. Game changer!
@@paul1 I just encountered that Interesting library.
I was thinking does RL internal utilize suspense too though?
@@z-aru Not quite. Check out Pending States in the docs for RL for a nice explanation and some examples
RTK Query video is a must now. Good explanation.
These videos are amazing! Keep up the amazing work!
Was searching for a implementation of dependent query was not sure how to search got the answer as always fireship ships fire 🔥
Is it better than SWR (which was created by the makers of NextJS)?
Jeff, it's about time you fulfill the tutorials you promised. Pleasee
Nice. Make one for React-Table too
Confirm, this is really cool library!
I am currently developing my first web app product and struggling with useContext hook. I cannot describe how thankful I am that I came across your vid.
wut, how is this supposed to help with useContext ?
@@AbishekMahe accessing fetched data from queries anywhere in the app through query keys
My dopamine hit so bad when fireship release new video
Just when I needed it, does this guy read minds 🤔
Even i am using in my project.. React query is awesome... Big shout-out to all
Thanks for sharing! this was a great find. I'm surprised It hasn't come up in my previous searches.
For the vue programmers there is a similar lib called vue-query
Great video! Here's an idea for the 100 second series: Blender in 100 seconds. Now you might wonder what does a 3D program have to do with code? Actually, you can run python scripts in blender and I believe the majority of the community don't use the feature (including myself). Maybe you can get creative and give us a few cool tricks using it!
That could be interesting for a longer video, like the video made through code.
Would love to see storybook in 100 seconds
So much simpler than RxJS for HTTP calls.
Wow just thought about this library when you upload React js 100sec
I must learn this library NOW. Thank you
For anyone wondering, react-query is a godsent :)
Ooh, these I had been thinking about that I should learn react query and here you are
even it has a support of selectors, really they thought of everything. it's not just library for data fetching, it becomes a new way of doing things
Hell yeah! React Query is awesome!
OK this is fantastic, I didn't know I wanted this until I found it
Once again another clean work of art
Wtf I have needed this forever
WOW, this is SO game-changing, I'm going to learn it ASAP.
We recently migrated from Relay to React Query. It is a massive improvement and is so much more readable.
Jeff is still my favourite tech youtuber
Fantastic. I actually watched this 0.5x. The guy behind React Query is brilliant.
Some of react just feels like brain spaz. Like something as fundamental as global state should have been simple from the jump.
You probably know "they" is Tanner Linsley. Thanks Fireship and thanks Tanner!
I love ur vids 💓
This library is so amazing
You are Dr. of this game! :)
supercharged axios, we used in production 😉 our live is far better since then
Do you maybe have a course with explained examples of the different things react query can do? I found a couple of courses but the padding it's insane. If using React Query, most likely the user watching already knows basic react concepts and basic javascript concepts. I want a tutorial with the important parts react query offers and how to set up the backend for the infinite scrolling.
Thank you for this 100 seconds video. We really need more courses who directly tackle the subject and not just explain everything from zero.
oh nice, just what i'll need for my current project
1:35 damn.. I didn't expect see this guy on your channel.
tomu ver to som necakal 😂
This moment, this tiny moment of my life is called: happiness
This will be a game changer if we can have some sort of control over the size and number of objects in the cache. This is still a good start once data is fetched once then, every other time it gets fetched it will come from the the cache very quickly.
looks very useful and promising, gonna check this tool out later
do you plan on making a video about nim? it definitely deserves some attention!
This come to me at such perfect time!
Nice library, In Angular it's from day one :)
We need this in Vue eco system.. this will be the cherry on top of already awesome composition API
I think there are already like Vue-Query and swrv (swerve) for Vue bro
Omg, this was best explanation
Great Video! Please keep in mind the illustration shown for spagetti code is the holy flying spagetti monster. As a pastafarian though, I do not get offended by this as our lord told us. Keep it up!
I really loved the caching feature
Love this library ! 👍😁
Thank you so much, this thing is insane!
do a video about LaTex ! more people should know about it
WOWW, this is jaw-dropping for me...
Yep, it’s insanely good, migrated from flux and redux
My god this is beautiful
Nice and basic. You hit the wave tops for sure.
Why did I just hear of React Query now? God damn, I'm going to start using this.
!!user i finally found someone actually use it :D
Very amazing, that provides an API similar to apollo client