Dan Abramov: Beyond React 16

No video

Dan Abramov: Beyond React 16 | JSConf Iceland

Рет қаралды 135,479

Күн бұрын

2018.jsconf.is...
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.

Пікірлер: 49

@GfastGao 4 жыл бұрын

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

@R007h 6 жыл бұрын

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

@0011usagi 4 жыл бұрын

Ice-cold audience. haha

@guillaumemartinez4381 4 жыл бұрын

Amazing, even 2 years after

@antonbagdatyev3699 4 жыл бұрын

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

@DaniloJr 6 жыл бұрын

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

@asimgiri4269 3 жыл бұрын

The demo was so special. Thank You.

@PhilippMeierGermany 4 жыл бұрын

Great presentation with very good examples.

@rakeshmanathana 4 жыл бұрын

Dan's talk is never boring.

@antonbagdatyev3699 4 жыл бұрын

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 4 жыл бұрын

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

@antonbagdatyev3699 4 жыл бұрын

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

@RDY_97 2 жыл бұрын

I wanna know how to impliment the clock viz.

@ayubmaruf3074 3 жыл бұрын

Love the asynchronous part. Thanks Dan

@heratpatel7174 6 жыл бұрын

Very nice talk Dan

@sachindraragul1094 2 жыл бұрын

Brilliant! Demo is so cool

@Patryc 4 жыл бұрын

Dan is the coolest lmao

@kimchen1110 6 жыл бұрын

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

@leecoldsmoke 6 жыл бұрын

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

@AmIrightbro 5 жыл бұрын

All we need is access to that future folder 🔮

@_lede 5 жыл бұрын

now you do.

@WezPyke 6 жыл бұрын

Fantastic talk!

@mohityadav21 2 жыл бұрын

He looks like Norman Osborn from Spiderman in the thumbnail 😅

@ZxMYS 6 жыл бұрын

This is amazing!!

@tedchirvasiu 6 жыл бұрын

This is so awesome

@tiagosa4072 6 жыл бұрын

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

@TiagoCedrim 6 жыл бұрын

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

@ericsproles 6 жыл бұрын

looks like Night Owl

@9831599481 2 жыл бұрын

What is the vscode theme used here

@thanhbui1280 5 жыл бұрын

this demo is amazing. its can be shared

@whitetommy5559 5 жыл бұрын

where to get those demo?

@CarlosCruz-ig5dd 5 жыл бұрын

what is that syntax theme?

@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 4 жыл бұрын

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

@szabikrdev5066 3 жыл бұрын

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

@1421anoop 4 жыл бұрын

Dan looks like Norman Osborn from Spiderman

@user-ql4hi5hm1d 3 жыл бұрын

ahahah

@topwaifu2104 5 жыл бұрын

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 4 жыл бұрын

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)

@richmiller2761 4 жыл бұрын

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

@burnsnewman 6 жыл бұрын

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

@user-ql4hi5hm1d 3 жыл бұрын

wat о_О

@lalumierehuguenote 3 жыл бұрын

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

@ashwinbaskaran703 3 жыл бұрын

are those features released?

@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