Beginner Redux with Typescript - Redux Toolkit with RTK Query - Bitcoin ticker
Vložit
- čas přidán 26. 08. 2024
- Learn Redux Toolkit with Typescript. Also implement Redux Toolkit Query to create an async fetch from an external Bitcoin API. Create a pollinginterval to refetch the data ever X seconds.
This project is using an older project as a base where I create a Bitcoin ticker in different currencies
Starter files and finished project here:
github.com/wei...
Support me by subscribing to this channel ❤️
-
Find me somewhere below:
Website: www.weibenfalk...
Linkedin: / thomas-weibenfalk-7635...
Twitter: / weibenfalk
Github: github.com/wei...
FreeCodeCamp: www.freecodeca...
Dev.to: dev.to/weibenfalk
Thanks very much for the video...
Another really helpfull tutorial thanks! Need to use Redux in one project today with TypeScript so it couldn't have better timing, THANKS!
Thanks .. really appreicate the support!
I came here to understand the generic type on the builder.query because it wasn't so clear on the docs. Thank you!
i have been struggling with exactly what you teach word by word for 3 days, until now, you're perfect teacher, thank you
Thanks! Appreciate it very much.
@@Weibenfalk if we use rtk query in next.js ssr then we can't have rtk hooks at all is true do you think it worth it to creacte another store for client rtk query or insted use react query conceder this taht i use redux for state management already
Nice explanation - I wasn't very sure of the syntax with toolkit despite seeing some videos. It does make a lot of sense after this greatly done video. Then again, I too rarely use Redux these days. Prefer to use Zustand if at all. It's easier to deal with than Redux. But my favorite is Xstate.
Thank you.
Can you please suggest me how can I implement Infinite scroll using RTK Query?
thank you 🔥
How can load more be done in this structure? In other words, I want to concat the incoming data by sending a request per page to a service that returns 20 items on a page.
RTK query doesn't have built in pagination like for example react-query ... you can read about how they implement it here:
redux-toolkit.js.org/rtk-query/usage/pagination
@@Weibenfalk I've looked here, but what I'm trying to do is infinity scroll, not pagination. Here it stores the current page on state every time. I want to continuously concat the data of the current page with the data of the old page. I didn't see a place where I could provide this. It has been suggested to create a custom hook and concat in a few places, but this is a workaround solution and causes rendering. Is there a place I missed?
@@ahmetkuslular1092 I haven’t done that myself so I can’t guide you unfortunately. I’m more a react-query guy :)
@@Weibenfalk :D :D thank you
RTX query begin:
21:20
Any reason the video resolution is 360p?
Yes.. the HD version should be up soon ... take some time for YT to process it. =)
@@Weibenfalk ok cool thanks