Building React (TanStack) Query From Scratch

[@lucasezequiel1533]

extreme clean and raw implementation as usual

[@PhilipFabianek]

Thank you

[@marcus4938]

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]

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

[@LazyDeveloper-1]

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]

need part 2 (longer version like 1 hour)

[@LazyDeveloper-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]

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

[@Scipion50]

Just great as usual. Keep it up!

[@PhilipFabianek]

Thank you, more videos are on the way

[@Fullflexno]

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

[@haseebarshad7451]

Bro you're my hero

[@PhilipFabianek]

Thank you

[@haseebarshad7451]

@@PhilipFabianek please in depth video on observer pattern

[@alokbaluni8760]

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

[@PhilipFabianek]

Thank you for watching

[@alokbaluni8760]

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

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

[@Assoehosselaar]

Amazing content keep up the good work

[@PhilipFabianek]

Thank you!

[@rockNbrain]

Nice job dude !! 🎉

[@PhilipFabianek]

Thank you!

[@favanzzo]

welcome back :)

[@husnulaman]

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

[@PhilipFabianek]

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

[@sourishdutta9600]

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

[@yadusolparterre]

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]

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]

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]

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

[@xiiEJRAM]

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

[@PhilipFabianek]

Thank you, more is on the way