No video

Building React (TanStack) Query From Scratch

  Рет қаралды 6,241

Philip Fabianek

Philip Fabianek

Күн бұрын

Пікірлер: 31
@lucasezequiel1533
@lucasezequiel1533 Ай бұрын
extreme clean and raw implementation as usual
@PhilipFabianek
@PhilipFabianek Ай бұрын
Thank you
@Shuyinz
@Shuyinz Ай бұрын
This is so cool! Please continue making these type of videos
@LazyDeveloper-1
@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.
@LazyDeveloper-1
@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
@PhilipFabianek Ай бұрын
Thank you, I agree that adding TypeScript might improve the understanding of the different data types
@Fullflexno
@Fullflexno Ай бұрын
Cool. Looing saving this for later. Thank you for this!
@haseebarshad7451
@haseebarshad7451 Ай бұрын
Bro you're my hero
@PhilipFabianek
@PhilipFabianek Ай бұрын
Thank you
@haseebarshad7451
@haseebarshad7451 Ай бұрын
@@PhilipFabianek please in depth video on observer pattern
@Scipion50
@Scipion50 28 күн бұрын
Just great as usual. Keep it up!
@PhilipFabianek
@PhilipFabianek 28 күн бұрын
Thank you, more videos are on the way
@FrontendNerd-lg3oh
@FrontendNerd-lg3oh Ай бұрын
need part 2 (longer version like 1 hour)
@alokbaluni8760
@alokbaluni8760 Ай бұрын
I always wondered about this. Thank you for the video.
@PhilipFabianek
@PhilipFabianek Ай бұрын
Thank you for watching
@alokbaluni8760
@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
@PhilipFabianek Ай бұрын
I will think about it, it is in interesting topic to consider
@favanzzo
@favanzzo Ай бұрын
welcome back :)
@Assoehosselaar
@Assoehosselaar 29 күн бұрын
Amazing content keep up the good work
@PhilipFabianek
@PhilipFabianek 29 күн бұрын
Thank you!
@rockNbrain
@rockNbrain 29 күн бұрын
Nice job dude !! 🎉
@PhilipFabianek
@PhilipFabianek 29 күн бұрын
Thank you!
@husnulaman
@husnulaman 29 күн бұрын
Great video, brtoher! Can you please mention the VSCode theme and font you are using?
@PhilipFabianek
@PhilipFabianek 29 күн бұрын
My theme is Atom One Dark and the font is Fira Code
@yadusolparterre
@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
@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 Ай бұрын
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 Ай бұрын
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
What is React Compiler?
10:12
Philip Fabianek
Рет қаралды 927
React Query tips from the maintainer @tkDodo
16:19
Andrew Burgess
Рет қаралды 22 М.
No empty
00:35
Mamasoboliha
Рет қаралды 12 МЛН
Smart Sigma Kid #funny #sigma #comedy
00:40
CRAZY GREAPA
Рет қаралды 36 МЛН
ROLLING DOWN
00:20
Natan por Aí
Рет қаралды 7 МЛН
Survive 100 Days In Nuclear Bunker, Win $500,000
32:21
MrBeast
Рет қаралды 148 МЛН
Combining Zustand with React Query
20:24
Cosden Solutions
Рет қаралды 12 М.
The Story of React Query
8:55
uidotdev
Рет қаралды 99 М.
How to build Hover and Tap Animation using Framer Motion in React JS
6:55
Mitter - Your Tech Mate
Рет қаралды 757
Are Signals Worth the Hype? by Atila Fassina
30:36
JSConf
Рет қаралды 8 М.
How Does React Actually Work? React.js Deep Dive #1
15:25
Philip Fabianek
Рет қаралды 142 М.
How React Query Won
34:52
Theo - t3․gg
Рет қаралды 73 М.
Why I avoid useEffect For API Calls and use React Query instead
17:45
tree-sitter explained
15:00
TJ DeVries
Рет қаралды 80 М.
The best way to write queries with Tanstack Query (React Query)
16:55
No empty
00:35
Mamasoboliha
Рет қаралды 12 МЛН