Dan Abramov: Beyond React 16 | JSConf Iceland

React 16 was released several months ago. Even though this update was largely API-compatible, the rewritten internal engine included new long-requested features and opened the door for exciting future possibilities.

In this talk, Dan will share the React team’s vision for what the future of React might look like, including some never before seen prototypes.

Whether or not you use React, Dan hopes that you will find something valuable in this talk, and that it sparks new conversations about building delightful user interfaces.

[GfastGao]

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

[Rh]

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

[antonbagdatyev]

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"?

[PhilippMeierGermany]

Great presentation with very good examples.

[DaniloJr]

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

[antonbagdatyev]

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?

[ayubmaruf]

Love the asynchronous part. Thanks Dan

[RDY_]

I wanna know how to impliment the clock viz.

[kimchen]

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

[AmIrightbro]

All we need is access to that future folder 🔮

[tiagosa]

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

[localghost]

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

[thanhbui]

this demo is amazing. its can be shared

[mohityadav]

He looks like Norman Osborn from Spiderman in the thumbnail 😅

[lalumierehuguenote]

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

[topwaifu]

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.

[jbbz]

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

[anoop]

Dan looks like Norman Osborn from Spiderman

[richmiller]

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