Building React (TanStack) Query From Scratch

Поділитися
Вставка
  • Опубліковано 25 сер 2024

КОМЕНТАРІ • 34

  • @lucasezequiel1533
    @lucasezequiel1533 Місяць тому +10

    extreme clean and raw implementation as usual

  • @marcus4938
    @marcus4938 7 днів тому +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

  • @FrontendNerd-lg3oh
    @FrontendNerd-lg3oh Місяць тому +3

    need part 2 (longer version like 1 hour)

  • @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.

  • @Fullflexno
    @Fullflexno Місяць тому +1

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

  • @Scipion50
    @Scipion50 Місяць тому +1

    Just great as usual. Keep it up!

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

  • @haseebarshad7451
    @haseebarshad7451 Місяць тому +2

    Bro you're my hero

  • @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 :)

  • @AbhishekKumar-hr1sr
    @AbhishekKumar-hr1sr День тому

    pls add part 2 with GC and batching calls

  • @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 10 днів тому

    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 🤍🤍