Building React (TanStack) Query From Scratch

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ส.ค. 2024

ความคิดเห็น • 33

  • @lucasezequiel1533
    @lucasezequiel1533 หลายเดือนก่อน +9

    extreme clean and raw implementation as usual

  • @marcus4938
    @marcus4938 3 วันที่ผ่านมา +1

    Thank you, Philip. Your content is fantastic. It would be even better if you could make a video about the differences between incremental DOM and virtual DOM and their pros and cons

  • @Shuyinz
    @Shuyinz หลายเดือนก่อน +4

    This is so cool! Please continue making these type of videos

  • @LazyDeveloper-1
    @LazyDeveloper-1 หลายเดือนก่อน +2

    Great video. A great way to show how react-query works under the hood. And obviously I'd like a second episode of this.
    Additionally, If I may, I think it'd be a very good idea to add TypeScript into consideration in the next video and adding proper types. Halfway through the video I was lost in all of those values and had to help myself with types. Using types and TypeScript adds a certain structure to how you look at your code. It can also help tremendously in the teaching capabilities of your next video.

  • @FrontendNerd-lg3oh
    @FrontendNerd-lg3oh หลายเดือนก่อน +3

    need part 2 (longer version like 1 hour)

  • @LazyDeveloper-1
    @LazyDeveloper-1 หลายเดือนก่อน +1

    Very neatly showed how everything works under the hood, great job! I'd really like a second part of this tutorial.
    But, if I may, I think it'll be a good idea to also take TypeScript into consideration in the next video. Halfway through the video I was lost in all of the values without types. Adding TypeScript in that kind of project adds a certain structure to your understanding of the building blocks and it improves the learning capabilities even more.

    • @PhilipFabianek
      @PhilipFabianek  หลายเดือนก่อน

      Thank you, I agree that adding TypeScript might improve the understanding of the different data types

  • @Scipion50
    @Scipion50 หลายเดือนก่อน +1

    Just great as usual. Keep it up!

    • @PhilipFabianek
      @PhilipFabianek  หลายเดือนก่อน

      Thank you, more videos are on the way

  • @Fullflexno
    @Fullflexno หลายเดือนก่อน +1

    Cool. Looing saving this for later. Thank you for this!

  • @haseebarshad7451
    @haseebarshad7451 หลายเดือนก่อน +2

    Bro you're my hero

    • @PhilipFabianek
      @PhilipFabianek  หลายเดือนก่อน

      Thank you

    • @haseebarshad7451
      @haseebarshad7451 หลายเดือนก่อน +1

      @@PhilipFabianek please in depth video on observer pattern

  • @alokbaluni8760
    @alokbaluni8760 หลายเดือนก่อน +1

    I always wondered about this. Thank you for the video.

    • @PhilipFabianek
      @PhilipFabianek  หลายเดือนก่อน

      Thank you for watching

    • @alokbaluni8760
      @alokbaluni8760 หลายเดือนก่อน +1

      @@PhilipFabianek Are you planning to make a video on Design patterns in the future? I understood the explanation of Observer pattern through your video quite clearly.

    • @PhilipFabianek
      @PhilipFabianek  หลายเดือนก่อน +1

      I will think about it, it is in interesting topic to consider

  • @Assoehosselaar
    @Assoehosselaar หลายเดือนก่อน +1

    Amazing content keep up the good work

  • @rockNbrain
    @rockNbrain หลายเดือนก่อน +1

    Nice job dude !! 🎉

  • @favanzzo
    @favanzzo หลายเดือนก่อน +2

    welcome back :)

  • @husnulaman
    @husnulaman หลายเดือนก่อน +1

    Great video, brtoher! Can you please mention the VSCode theme and font you are using?

    • @PhilipFabianek
      @PhilipFabianek  หลายเดือนก่อน

      My theme is Atom One Dark and the font is Fira Code

  • @sourishdutta9600
    @sourishdutta9600 6 วันที่ผ่านมา

    Hi!! can you create one video on react server component, how it works under the hood.

  • @yadusolparterre
    @yadusolparterre หลายเดือนก่อน +1

    Great video ! Would you mind saying which programs you used to create this video? Specifically, the animations at 2:51 and the text animation as you add code in your IDE

    • @PhilipFabianek
      @PhilipFabianek  หลายเดือนก่อน

      Thank you! I created the segment starting at 2:51 by drawing the whole thing in a program and exporting several versions of the drawing with different hidden layers. I then added a simple fade-in and fade-out to make it look animated. You could also create this in almost any video editing program, since it consists only of text and simple shapes like rectangles and lines. Recently, I also came across the Remotion library, which allows you to create videos programmatically using React components. Even though I haven't used it yet, it looks very interesting.
      The text editor animations are created by simply by cutting the footage at particular times and adding a fade transition. Though it took quite a bit of work to make it look like this.

  • @kshitijvengurlekar1192
    @kshitijvengurlekar1192 หลายเดือนก่อน +1

    Why are you not getting ts 7006 errors, Have you relaxed typescript rules, I am getting a lot of TS errors even for things like constructor() {
    this.queries = [];
    }

    • @PhilipFabianek
      @PhilipFabianek  หลายเดือนก่อน

      I manually disabled all the type errors so they didn't distract from the code

  • @xiiEJRAM
    @xiiEJRAM หลายเดือนก่อน +1

    I hope you keep uploading videos like this, I really love the way you explain concepts 🤍🤍

    • @PhilipFabianek
      @PhilipFabianek  หลายเดือนก่อน

      Thank you, more is on the way