React Suspense from scratch!

Поділитися
Вставка
  • Опубліковано 15 лют 2024
  • Suspense is a key part of server components. But... how does it work? Let's build suspense ourselves!
    #tutorial #webdevelopment #javascript #react #typescript
  • Ігри

КОМЕНТАРІ • 30

  • @OmarElmasry1
    @OmarElmasry1 4 місяці тому +1

    wow that's some serious advanced stuff, thank a lot.

  • @prashlovessamosa
    @prashlovessamosa 4 місяці тому +1

    Boom 👊 video thanks for sharing.

  • @wovalle
    @wovalle 4 місяці тому +1

    This was extremely helpful, excellent video. Thanks for sharing!

  • @shai_reznik
    @shai_reznik 4 місяці тому

    Great job Ben! 👏

  • @NiklasZiermann
    @NiklasZiermann 4 місяці тому +2

    I've been waiting for this. Really awesome explanation! I think trying to rebuild stuff from scratch is the best way to get a deeper understanding about them.
    I also loved the fact that TypeScript has absolutely no idea what you're doing 😂

    • @bholmesdev
      @bholmesdev  4 місяці тому +1

      Haha sometimes you gotta tell TS to "trust the process." Have a feeling it's my Node environment, since iterable streams are quite new!

  • @BlueeyesChineseguy
    @BlueeyesChineseguy 2 місяці тому

    Amazing video, please make more, your presentational style is super engaging :)

  • @maxwebstudio
    @maxwebstudio 4 місяці тому

    Amazing video, thank you Ben

  • @subhranshudas8862
    @subhranshudas8862 4 місяці тому

    Bro, you are the best.

  • @S.Rank_react_dev
    @S.Rank_react_dev 4 місяці тому

    No shot you also like everything everything!! Fantastic video again btw

    • @bholmesdev
      @bholmesdev  4 місяці тому

      Oh FULL shot. Raw Data Feel is an all time classic 🫡

  • @OuterProduct351
    @OuterProduct351 4 місяці тому +1

    Javascript blew my mind for a moment when I thought there was going to be a `List -> Stream` api. Although this shouldn't be hard to write by hand. Great vid

    • @arshiagholami7611
      @arshiagholami7611 4 місяці тому

      there is, and it's called rxjs and eveyone hates it 😂

  • @kasvith
    @kasvith 8 днів тому +1

    Great work tom holland

  • @mlgnoscopeblazeit-pb9tj
    @mlgnoscopeblazeit-pb9tj 3 місяці тому

    I'm getting big Michael Reeves vibes from your videos. Great stuff tho! Liked and subscribed

    • @bholmesdev
      @bholmesdev  3 місяці тому

      You know what that's a compliment. Thanks!

  • @thelazycoder64
    @thelazycoder64 4 місяці тому

    It finally dropped 🎉

  • @simonhartley9158
    @simonhartley9158 4 місяці тому

    I previously built a blocking in-order version and called it Suspend in order to acknowledge its many flaws.

  • @maxwebstudio
    @maxwebstudio 4 місяці тому

    5:20 First time I see a real example for using generators

    • @bholmesdev
      @bholmesdev  4 місяці тому +1

      First time I've used them too! Matthew on the Astro core team *lives* for them 😅 Sadly had to scale back our generator usage since it's much less performant than a loop. But for streams, it's the smartest option

    • @maxwebstudio
      @maxwebstudio 4 місяці тому

      @@bholmesdev Haha nice :) I've played around with generators and was waiting for the opportunity to use em 😂 I'll remember that use case !

  • @user-hg9qy6ny2p
    @user-hg9qy6ny2p 4 місяці тому

    Ben I got my first freelancing gig and facing some issues. Client wants me to build a React app with node js can you suggest me a third party library which can be integrated with React in order to implement google o auth.

    • @OuterProduct351
      @OuterProduct351 4 місяці тому

      auth.js but you would need to use next.js or remix. I wouldn't do freelancing without using a meta framework, and hosting on serverless platform i.e. vercel/cloudflare-pages

  • @danieljunior9519
    @danieljunior9519 4 місяці тому +1

    How async generators work?

    • @bholmesdev
      @bholmesdev  4 місяці тому

      Good question! Honestly don't know a ton. I can say that a generator function lets you return, or "yield," multiple times as results come in. To read these results, you can use a for loop over the generator. Here's the MDN docs with a couple examples developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/AsyncGenerator

  • @prashlovessamosa
    @prashlovessamosa 4 місяці тому

    Hey Ben whats your oh my posh theme.

    • @bholmesdev
      @bholmesdev  4 місяці тому +1

      It is pretty posh huh? It's the spaceship theme :)

  • @bertrodgers2420
    @bertrodgers2420 4 місяці тому

    anyone know which colour scheme this is please?

    • @bholmesdev
      @bholmesdev  4 місяці тому

      marketplace.visualstudio.com/items?itemName=astro-build.houston