How React Query Won

When I say "it would be harder to leave behind React Query than React", I mean it. Tanner Linsley and the TanStack packages are a massive reason to be part of this ecosystem.

FOLLOW UI.DEV @uidotdev

SOURCES

S/O Ph4se0n3 for the awesome edit 🙏

[uidotdev]

We love you too! Thank you for the kind words. ❤

[sentinelav]

Wow, uidotdev has some great design intuition and information presentation. Definitely going to give them a sub.

[jakeoverflow]

"It's been very hard for me to not watch this one"
He said with the red watch progress bar at 100% 😂

[ccccjjjjeeee]

description is 💯. tanstack query is the only thing that has fundamentally changed how i build frontend stuff in the last years. i'd rather use any other framework with tanstack query, than react without it.

[ClariNerd]

1:48 the magic of Python is the community is so vibrant that you don’t mind it takes forever for the code to run, because you end up keeping such good company

[sampiiiiiiiiii]

Holy shit I had no idea you could use react query outside of just data fetching, this is gonna change so much for me at work, thanks king <3

[Cangussu]

Phenomenal timing, my team is implementing a kanban-like board and struggling with state having everything in react-query. Going to integrate zustand for the complex board state, and react query for handling the async logic

[IkeVictor]

great explanation for react query. very concise and to the point at the end there. great stuff!

[aeronwolfe]

those tkdodo blogs are ESSENTIAL. read them if you wanna learn react query. amazing information there.

[shapelessed]

8:00 - This is the exact reason I ran screaming to backend once I got to learning React.
The way React handles all its hooks, and the way they all tangle around each other and mess things up once you start using more than just one or two of them, is the single reason why I'll be staying far away from frontend, despite actually preferring working with UIs.

[helleye]

9:40 I'm proud to say I've written this code for a production app once, and immediately started pushing for react query. Which took me a while as a junior, but eventually I figured everything out and when I left every fetch was running through react query.

[ShootingUtah]

Switching to React Query in our project at work was great! I was able to get rid of some really complicated useEffects and other crap by using a couple of custom hooks using useQuery inside. It's great for keeping things updated in tables and forms and searching and filtering data, just adding things to the query key and everything is just handled.

[patrickaikonia]

I don't know if I am doing something wrong but when I write applications with little state management and state sharing, I tent to use the data layer api in react router.

[thelostrider]

In the example from the docs at 8:00, why is the state being set to null before the api call and why isn't the the api call inside the "if ignore"? Why make an api call to ignore the result after?

[aeronwolfe]

i LOVE React-Query. Before I even learned React, I did ALOT of research, so I've never written that bad data fetching code, but since I've learned React-Query, I have used it in EVERY SINGLE PROJECT i've written. lol. it just solves such a KEY problem... thanks for making great content theo and for making me smile! :)

[silentsleeper]

how does react query match against swr?

[favanzzo]

New here theo. What vscode theme do you use?

[vetrivendhan]

Still in the interview some devs ask questions about promises and nested promises. But I stopped using that after I started using the React query.

[ignrey]

Thanks for the explanation of hooks behavior, I've seen plenty of times people showcase that same code without any explanation. It's such a weird thing.

[akifahmed]

Which os are you using? And is it a github copilot or something else?