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

Поделиться
HTML-код
  • Опубликовано: 16 дек 2024

Комментарии • 46

  • @dominicanfrankster
    @dominicanfrankster 2 года назад +60

    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 года назад +17

      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 года назад +4

    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 года назад +2

    Pure gold. You are making TS so approachable...

  • @jeresalem
    @jeresalem 2 года назад +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.

  • @AlexUnderCMYK
    @AlexUnderCMYK 2 года назад +1

    Thanks for another great video! Learn and have fun with Jack

  • @utsavojha2953
    @utsavojha2953 2 года назад +4

    Learning so much from your channel, thank you Jack Herrington!! 🙌 Absolutely love Typescript 🥳

  • @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 года назад +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 😁

  • @sadev0
    @sadev0 2 года назад

    Thanks Man, I really appreciate your efforts to make these conceptual video
    and other analysis videos.

  • @pfisste
    @pfisste 2 года назад +1

    Great breakdown of generic types!

  • @abhishekvishwakarma9045
    @abhishekvishwakarma9045 2 года назад +1

    Such a nice Content to mid-senior level engineers 😁 totally worth it🔥

  • @nparashar150
    @nparashar150 2 года назад +1

    Thank you very much Sir for such a golden content. Really appreciate the work you're doing! I feel motivated by watching your videos.

  • @kettenbach
    @kettenbach 2 года назад +1

    Another banger. Thanks Jack!

  • @mortezatourani7772
    @mortezatourani7772 2 года назад +5

    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 года назад +2

      I agree, always GET IT WORKING first, then worry about the types.

  • @samyogdhital
    @samyogdhital 2 года назад +1

    Love to get pinned from you sir! Definitely recommend my colleagues about this channel lately!

  • @pareshsolanki929
    @pareshsolanki929 Год назад +1

    Thank You very much for this info-tutorial. One request, using an external json object used as value in multi-step multi page form.

  • @allaithbitar1199
    @allaithbitar1199 2 года назад +1

    Grand master 🔥🖤

  • @farzadmf
    @farzadmf 2 года назад +1

    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 года назад +1

      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 = ... ?

  • @kasvith
    @kasvith 2 года назад +1

    Thanks for this awesome tutorial

  • @TypeScriptTV
    @TypeScriptTV 2 года назад +1

    How did you do this cool text highlighting in beginning? Is it a VS code plugin that can do this? 🙂

    • @jherr
      @jherr  2 года назад +1

      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 года назад +1

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

  • @mushfiqurtanim5164
    @mushfiqurtanim5164 2 года назад +1

    Please give a video of nx nestjs and nextjs app deployed on vercel .its help for us.

  • @alvarobyrne
    @alvarobyrne 2 года назад +1

    note to self: utility type -> deriving a type -> ReturnType . Oof!

  • @alirezaarttam3344
    @alirezaarttam3344 2 года назад +1

    thank you ❤

  • @kasvith
    @kasvith 2 года назад

    Can you create a tutorial series about developing a small web framework from scratch with Vite(something like Astro)

  • @jaymartinez311
    @jaymartinez311 2 года назад

    Can you please do a video on Qwik Js?

  • @brajagopalmukherjee1588
    @brajagopalmukherjee1588 2 года назад +2

    Man can u react basic to advanced tutorial ,your all content so much advanced level

    • @simonkalu
      @simonkalu 2 года назад +1

      Pls where can I find it?

    • @jherr
      @jherr  2 года назад +2

      ruclips.net/p/PLNqp92_EXZBJ4CBroxVBJEpAXoz1g-naZ

  • @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 года назад +1

    thanks, you forgot to upload code to git

    • @jherr
      @jherr  2 года назад +1

      Whoops. Fixed. Thanks for the heads up.

  • @SalmanMohammed043
    @SalmanMohammed043 2 года назад +1

    First viewer 🎉

  • @lkd982
    @lkd982 2 года назад

    I know.. that background its fake :)

  • @zlackbiro
    @zlackbiro 2 года назад +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 Месяц назад

    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.