Check out React 18's useExternalStore hook with TypeScript and generics

  Рет қаралды 22,664

Jack Herrington

Jack Herrington

Күн бұрын

Пікірлер: 46
@dominicanfrankster
@dominicanfrankster 2 жыл бұрын
You're making a big difference in many people's lives by providing this valuable content at no cost. Thank you, truly.
@jherr
@jherr 2 жыл бұрын
Thanks! I'm definitely starting to feel that. It's an honor.
@user-pm9xy2bj7p
@user-pm9xy2bj7p 2 жыл бұрын
indeed, I only recently start consuming this amazing content. And unlike other web related content out there, the takeaway here is just informational/facts that can be found in the docs, it actually teach you how to think and reason and why.
@TheDarkOneSC2
@TheDarkOneSC2 2 жыл бұрын
Thank you Jack for producing such an amazing quality content. I'm positive your teachings alone will kick-start the careers of many new developers. Perfect narration. Explanations are on point. Every sentence gives the right information, so we the mortals can chew on and be able to follow through. So glad i found your channel. Its pure gold!
@Booyamakashi
@Booyamakashi 2 жыл бұрын
Pure gold. You are making TS so approachable...
@jeresalem
@jeresalem 2 жыл бұрын
Thank you for making this. I've been waiting for the tutorials to just start doing everything in TypeScript - that's what we all are writing anyway.
@nguyencong612
@nguyencong612 2 жыл бұрын
My first comment on the tech channel! I'm also a big fan of React and TypeScript.Though I've seen a lot of your videos from when the channel has very few views It's the first time I commented! Always awesome content gives me and everyone tons of value without any cost. The view is incrementing quickly. I'm not surprised because you desired it, Sir!
@Stoney_Eagle
@Stoney_Eagle 2 жыл бұрын
I love Typescript! Redux on NodeJS does not come with useSelector because it's a React thing, so I made my own and it works soooo good. No more fighting to get data in a background task that doesn't originate from a request. I don't care how much people hate on redux, I love it, I'll happily take the hit of boilerplating because it JUST works 😁
@utsavojha2953
@utsavojha2953 2 жыл бұрын
Learning so much from your channel, thank you Jack Herrington!! 🙌 Absolutely love Typescript 🥳
@AlexUnderCMYK
@AlexUnderCMYK 2 жыл бұрын
Thanks for another great video! Learn and have fun with Jack
@sadev0
@sadev0 2 жыл бұрын
Thanks Man, I really appreciate your efforts to make these conceptual video and other analysis videos.
@abhishekvishwakarma9045
@abhishekvishwakarma9045 2 жыл бұрын
Such a nice Content to mid-senior level engineers 😁 totally worth it🔥
@nparashar150
@nparashar150 2 жыл бұрын
Thank you very much Sir for such a golden content. Really appreciate the work you're doing! I feel motivated by watching your videos.
@samyogdhital
@samyogdhital 2 жыл бұрын
Love to get pinned from you sir! Definitely recommend my colleagues about this channel lately!
@pfisste
@pfisste 2 жыл бұрын
Great breakdown of generic types!
@mortezatourani7772
@mortezatourani7772 2 жыл бұрын
No I have no better way to expain it especially the Generics. It's a good idea to start from JS and convert to TS. It'll help both in understanding it better and appreciating the reliablility of code after adding TypeScript. And ... ... I love those utility types :)
@jherr
@jherr 2 жыл бұрын
I agree, always GET IT WORKING first, then worry about the types.
@pareshsolanki929
@pareshsolanki929 Жыл бұрын
Thank You very much for this info-tutorial. One request, using an external json object used as value in multi-step multi page form.
@kettenbach
@kettenbach 2 жыл бұрын
Another banger. Thanks Jack!
@farzadmf
@farzadmf 2 жыл бұрын
LOVELY!!! Great to see doing things in Typescript. Question: when importing the 'type', do we have to do `import { type ValueStore } from ...`? Can't we directly do `import { ValueStore } from ...`?
@jherr
@jherr 2 жыл бұрын
You can. Adding the type is slightly more explicit. Totally optional though.
@farzadmf
@farzadmf 2 жыл бұрын
Great, thanks for the reply. Hoping to see more Typescript videos 🙂
@moritz22
@moritz22 2 жыл бұрын
@@jherr Don't you need the import with type since you export using type: export type ValueStore = ... ?
@TypeScriptTV
@TypeScriptTV 2 жыл бұрын
How did you do this cool text highlighting in beginning? Is it a VS code plugin that can do this? 🙂
@jherr
@jherr 2 жыл бұрын
There is none. That's custom code I made for the videos that does that work. And it's not in VS Code.
@TypeScriptTV
@TypeScriptTV 2 жыл бұрын
@@jherr understood. Looks very cool! Thanks for putting all this effort in. 👍
@jherr
@jherr 2 жыл бұрын
@@TypeScriptTV thanks. i need to make the workflow easier. i think the result it pretty good and makes complex code paths a little easier to understand.
@kasvith
@kasvith 2 жыл бұрын
Thanks for this awesome tutorial
@allaithbitar1199
@allaithbitar1199 2 жыл бұрын
Grand master 🔥🖤
@mushfiqurtanim5164
@mushfiqurtanim5164 2 жыл бұрын
Please give a video of nx nestjs and nextjs app deployed on vercel .its help for us.
@alirezaarttam3344
@alirezaarttam3344 2 жыл бұрын
thank you ❤
@alvarobyrne
@alvarobyrne 2 жыл бұрын
note to self: utility type -> deriving a type -> ReturnType . Oof!
@kasvith
@kasvith 2 жыл бұрын
Can you create a tutorial series about developing a small web framework from scratch with Vite(something like Astro)
@brajagopalmukherjee1588
@brajagopalmukherjee1588 2 жыл бұрын
Man can u react basic to advanced tutorial ,your all content so much advanced level
@simonkalu
@simonkalu 2 жыл бұрын
Pls where can I find it?
@jherr
@jherr 2 жыл бұрын
kzbin.info/aero/PLNqp92_EXZBJ4CBroxVBJEpAXoz1g-naZ
@jaymartinez311
@jaymartinez311 2 жыл бұрын
Can you please do a video on Qwik Js?
@lkd982
@lkd982 2 жыл бұрын
{Sigh}, and I used to think "x = x + 1" would do it, for a counter on a web page ;(
@Mark1-f2n
@Mark1-f2n 2 жыл бұрын
thanks, you forgot to upload code to git
@jherr
@jherr 2 жыл бұрын
Whoops. Fixed. Thanks for the heads up.
@SalmanMohammed043
@SalmanMohammed043 2 жыл бұрын
First viewer 🎉
@lkd982
@lkd982 2 жыл бұрын
I know.. that background its fake :)
@zlackbiro
@zlackbiro 2 жыл бұрын
This react shit going into infinity unnecessary! You need one year of time to just try every React Hook. If React continue to develop bullshit, will became as Angular. Every framework will die when developers cant keep track of it! This is easy solvable in plain react using context, but, look, another hook! I code in React almost 5 years, and this really starts to bothering me!
@christianferrario
@christianferrario 2 жыл бұрын
They did not remove useContext, you can still do your way. That's just easier and more optimized.
@DaviAreias
@DaviAreias 8 ай бұрын
have you given up yet, I only use react because of Shopify framework called Polaris, but it got so restrictive lately, that I'm starting to think to rewrite everything in Svelte.
@cihadp
@cihadp 27 күн бұрын
2 yıldır React 18 kullanmama rağmen bu özelliği yeni görüyorum. react.dev sitesinde bunu daha çok React dışı API'lerle kullanmak kullanışlıdır diyor. Ben videoyu izlerken acaba bunu Context API yerine bunu mu geliştirmişler diye sordum. Çünkü videoda Jack abimiz Context Provider'ı kaldırdı, gerek yok buna dedi. Aslında sunucu taraflı bir örnek olsa güzel olur. Mesela Firestore'un onSnapshot şeklinde bir fonksiyonu var. Bununla nasıl kullanılır? Veya supabase tarafında realtime update ile nasıl kullanılır? Bununla ilgili Jack abimiz gerçek dünyadan basit örnekler yapsa daha güzel olur. Sanki bu useExternalStore hook'u bu işler için üretilmiş gibi duruyor.
Will React's New Cache Fix Its "Use" Hook?
19:41
Jack Herrington
Рет қаралды 48 М.
React 18's New State Hook You've Never Heard About
22:11
Jack Herrington
Рет қаралды 88 М.
The IMPOSSIBLE Puzzle..
00:55
Stokes Twins
Рет қаралды 185 МЛН
The Ultimate Sausage Prank! Watch Their Reactions 😂🌭 #Unexpected
00:17
La La Life Shorts
Рет қаралды 8 МЛН
You're Doing React Hooks Wrong, Probably
20:11
Jack Herrington
Рет қаралды 64 М.
NVIDIA’s New AI: Stunning Voice Generator!
6:21
Two Minute Papers
Рет қаралды 92 М.
Micro Frontends Crash Course with React & Webpack 5 Module Federation
1:11:37
Why is Python 150X slower than C?
10:45
Mehul - Codedamn
Рет қаралды 25 М.
Goodbye, useEffect - David Khourshid
29:59
BeJS
Рет қаралды 503 М.
UseState: Asynchronous or what?
17:00
Jack Herrington
Рет қаралды 66 М.
Multistep Form Custom Hook With React And TypeScript
28:23
Web Dev Simplified
Рет қаралды 155 М.
Mastering React Memo
26:56
Jack Herrington
Рет қаралды 137 М.
React 18: useEffect Double Call; Mistake or Awesome?
10:36
Jack Herrington
Рет қаралды 102 М.
The IMPOSSIBLE Puzzle..
00:55
Stokes Twins
Рет қаралды 185 МЛН