Dan Abramov: Beyond React 16 | JSConf Iceland

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

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

  • @GfastGao
    @GfastGao 5 лет назад +11

    Stunning idea & implementations in this demo. This is the second time I checkout this Talk.

  • @R007h
    @R007h 6 лет назад +78

    "jsconf iceland hello wow" xD Asking for some applause here... audience didn't seem to understand how epic this demo was :P

    • @0011usagi
      @0011usagi 4 года назад +8

      Ice-cold audience. haha

  • @antonbagdatyev3699
    @antonbagdatyev3699 5 лет назад +7

    As I understand, in the IO demo "this.deferSetState" is needed to prevent committing the update of the "MoviePage" component until the data is ready. Basically, this way React will wait until the thrown promise is resolved and then it will apply the update after rerendering "MoviePage" with the downloaded async data.
    Then, how does "this.deferSetState" play together with the "Placeholder" component added after? Can we say that without using any "Placeholder" at all, the root component of the React tree (e.g. "App") acts as an implicit "Placeholder" and waits for the async data before applying the update as the state was set through "this.deferSetState"?

  • @guillaumemartinez4381
    @guillaumemartinez4381 4 года назад +8

    Amazing, even 2 years after

  • @asimgiri4269
    @asimgiri4269 4 года назад

    The demo was so special. Thank You.

  • @antonbagdatyev3699
    @antonbagdatyev3699 5 лет назад +5

    Now that React 16 has been released, how does Time Slicing work in the official React 16 release? Dan mentions that while React is rendering something asynchronously, it will not block the main JS thread allowing it to register events like scroll events without hanging. I have tried to implement the rendering of new items of a list while scrolling and there is still a slight moment where the scroll blocks because of the CPU bound work. Is that normal?

    • @antonbagdatyev3699
      @antonbagdatyev3699 5 лет назад

      Is it because the slight moment where the scroll blocks is happening in the React 16's Fiber commit phase?

    • @antonbagdatyev3699
      @antonbagdatyev3699 5 лет назад +2

      As I understood later on, React 16 does not implement Time Slicing yet, as well as the Suspense features mentioned in this talk...

  • @PhilippMeierGermany
    @PhilippMeierGermany 5 лет назад +1

    Great presentation with very good examples.

  • @DaniloJr
    @DaniloJr 6 лет назад +11

    OMG!!! Cant wait! How many lines I'll remove by using this?! Oh man

  • @ayubmaruf3074
    @ayubmaruf3074 3 года назад

    Love the asynchronous part. Thanks Dan

  • @kimchen1110
    @kimchen1110 6 лет назад +31

    Is it possible to get the source code of this demo?

    • @leecoldsmoke
      @leecoldsmoke 6 лет назад +3

      There has already been some changes from the talk, and the api is still unstable, but you can now try a similar demo in the React repo. twitter.com/dan_abramov/status/1025185531515351040

  • @rakeshmanathana
    @rakeshmanathana 4 года назад

    Dan's talk is never boring.

  • @thequizclassroom
    @thequizclassroom 6 лет назад +2

    Very nice talk Dan

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

    I wanna know how to impliment the clock viz.

  • @Patryc
    @Patryc 4 года назад +4

    Dan is the coolest lmao

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

    Brilliant! Demo is so cool

  • @WezPyke
    @WezPyke 6 лет назад +1

    Fantastic talk!

  • @AmIrightbro
    @AmIrightbro 6 лет назад +3

    All we need is access to that future folder 🔮

    • @_lede
      @_lede 6 лет назад

      now you do.

  • @9831599481
    @9831599481 3 года назад

    What is the vscode theme used here

  • @thanhbui1280
    @thanhbui1280 6 лет назад +1

    this demo is amazing. its can be shared

  • @whitetommy5559
    @whitetommy5559 6 лет назад

    where to get those demo?

  • @localghost3000
    @localghost3000 4 года назад

    I couldn't find this createFetcher API in react doc. It's been two years since this conference. Am I missing sommething?

    • @NikolasHonnef
      @NikolasHonnef 4 года назад

      The "hope" in "We hope to deliver it this year". It's not out yet afaik.

    • @szabikrdev5066
      @szabikrdev5066 3 года назад

      React cache (www.npmjs.com/package/react-cache) will have 'createFetch' but potentially not the same name.

  • @CarlosCruz-ig5dd
    @CarlosCruz-ig5dd 6 лет назад

    what is that syntax theme?

  • @tiagosa4072
    @tiagosa4072 6 лет назад +3

    Nice talk!
    Looking forward to play with it! :D
    Btw, what color syntax is this? looks very good.

    • @titxoo
      @titxoo 6 лет назад

      I also want to know what syntax color this is uahuhau. Looks great!

    • @ericsproles
      @ericsproles 6 лет назад

      looks like Night Owl

  • @mohityadav21
    @mohityadav21 3 года назад +2

    He looks like Norman Osborn from Spiderman in the thumbnail 😅

  • @ZxMYS
    @ZxMYS 6 лет назад +1

    This is amazing!!

  • @tedchirvasiu
    @tedchirvasiu 6 лет назад +1

    This is so awesome

  • @topwaifu2104
    @topwaifu2104 6 лет назад +2

    That fetcher/placeholder thing seems like a lot of internal magic. For me the coolest thing about react is that it is dead simple. I don't like where it's going.

    • @GfastGao
      @GfastGao 5 лет назад

      Hi Top,
      I pretty agree with you, that React has a simple and good learning curve. Since I see this Talf the second time, I found that the real topic in this talk is really about something like "How powerful React can be to adapt to wide use cases." (As they said at the very beginning: different computer power and network level)

  • @lalumierehuguenote
    @lalumierehuguenote 4 года назад

    So now 2021, where do I find time slicing? Suspense yes. But time slicing looks cool.

    • @ashwinbaskaran703
      @ashwinbaskaran703 3 года назад

      are those features released?

    • @szabikrdev5066
      @szabikrdev5066 3 года назад

      @@ashwinbaskaran703 I think React Fiber (some of it still in development) is the Time Slicing and Suspense is already released, but there is still some outstanding work

  • @j3bb9z
    @j3bb9z 6 лет назад +2

    so, we're throwing away relay and other graphql libs?

  • @1421anoop
    @1421anoop 4 года назад +7

    Dan looks like Norman Osborn from Spiderman

  • @richmiller2761
    @richmiller2761 5 лет назад +2

    Really? No ones going to comment about that dope ass turtle neck????

  • @georgH
    @georgH 6 лет назад +1

    Nodejs for UI

  • @gwork5615
    @gwork5615 5 лет назад

    AI will replace us all :)