Skip to content
0:00 / 0:00

#reactsuspense#concurrentmode#timeslicing

Dan Abramov: Beyond React 16 | JSConf Iceland

JSConf

286K subscribers • 28 videos on Hallway

YouTube
  • Recommended by 3 people: 3 on Hacker News.
  • Presented by Dan Abramov, React core team member
  • May be out of date. Uploaded 8 years ago, in an area where tools change fast.

Advanced. Deep dive for people who know the field.

138K views8 years ago3 recommendations

Web developmentReactVue, Svelte, Angular and othersWeb performance

Dan Abramov demonstrates the future of React with live-coded prototypes of time slicing and asynchronous rendering.

2018.jsconf.is/speakers/dan-abramov/ 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.

Why it's here

3 people recommend this

What people say. Widely cited as the definitive demonstration of the problems solved by React's concurrent rendering and suspense features.

throwaway_badon Hacker News • Recommends

On “React Concurrent Mode”

The clearest demo that communicates what this solves was given when it was announced last year. That clock animation is pure genius: link to this video

ggreeron Hacker News • Recommends

On “Introducing Hooks”

Dan Abramov's talk starts 39 minutes into the livestream: link If you like live coding demos, he also gave a talk at JSConf Iceland where he showed off some future React features, such as asynchronous rendering: link to this video

mlsarecmgon Hacker News • Recommends

On “React in concurrent mode: 2000 state-connected comps re-rendered at 60FPS”

Yes, but it scales with the environment and device capabilities. Watch this, it explains it in detail: link to this video

mlsarecmgon Hacker News • Mentions

On “React is becoming a black box”

…heduling is a first class concept , your components won't be subject to race conditions. React maintains 60fps, high-priority content (user input, animations, transitions) can be ran fluidly while lesser priority content gets deferred. It has a good chance of outperforming multithreaded native apps with that model. This demo illustrates the issue: link to this video which is universal. You run into this on native platforms as well as on the web.…

herrkaninon Hacker News • Mentions

On “React v18.0”

Congratulations to the React team! I remember three years ago when Dan first showcased some of the concurrent features 1, so this has been quite long in the making. 1 link to this video