Beginner Redux with Typescript - Redux Toolkit with RTK Query - Bitcoin ticker

Sdílet
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

Komentáře • 18

  • @learner8084
    @learner8084 Před 6 měsíci

    Thanks very much for the video...

  • @codernerd7076
    @codernerd7076 Před 2 lety +1

    Another really helpfull tutorial thanks! Need to use Redux in one project today with TypeScript so it couldn't have better timing, THANKS!

    • @Weibenfalk
      @Weibenfalk  Před 2 lety +2

      Thanks .. really appreicate the support!

  • @janzenzarzoso4739
    @janzenzarzoso4739 Před rokem

    I came here to understand the generic type on the builder.query because it wasn't so clear on the docs. Thank you!

  • @mralexander3289
    @mralexander3289 Před rokem

    i have been struggling with exactly what you teach word by word for 3 days, until now, you're perfect teacher, thank you

    • @Weibenfalk
      @Weibenfalk  Před rokem +1

      Thanks! Appreciate it very much.

    • @mralexander3289
      @mralexander3289 Před rokem

      ​@@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

  • @avneet12284
    @avneet12284 Před 2 lety

    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.

  • @anupkubade6449
    @anupkubade6449 Před 2 lety

    Thank you.
    Can you please suggest me how can I implement Infinite scroll using RTK Query?

  • @ahmetkuslular1092
    @ahmetkuslular1092 Před rokem

    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.

    • @Weibenfalk
      @Weibenfalk  Před rokem

      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

    • @ahmetkuslular1092
      @ahmetkuslular1092 Před rokem

      @@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?

    • @Weibenfalk
      @Weibenfalk  Před rokem

      @@ahmetkuslular1092 I haven’t done that myself so I can’t guide you unfortunately. I’m more a react-query guy :)

    • @ahmetkuslular1092
      @ahmetkuslular1092 Před rokem

      @@Weibenfalk :D :D thank you

  • @rockmot
    @rockmot Před rokem

    RTX query begin:
    21:20

  • @dmfaux
    @dmfaux Před 2 lety

    Any reason the video resolution is 360p?

    • @Weibenfalk
      @Weibenfalk  Před 2 lety

      Yes.. the HD version should be up soon ... take some time for YT to process it. =)

    • @dmfaux
      @dmfaux Před 2 lety

      @@Weibenfalk ok cool thanks