Skip to content
Hallway
0:00 / 0:00

#react#virtualdom#reconciliation

Pete Hunt - The Secrets of React's Virtual DOM (FutureJS 2014)

Codegram

15K subscribers • 1 video on Hallway

YouTube
  • Recommended by 2 people: 2 on Hacker News.
  • A classic. People kept recommending it from 2015 to 2023.
  • Presented by Pete Hunt, early React core team member
  • May be out of date. Uploaded 12 years ago, in an area where tools change fast.

Intermediate. Assumes working knowledge.

75K views12 years ago2 recommendations

Web developmentSoftware designReactVue, Svelte, Angular and othersWeb performance

Pete Hunt explains why React's virtual DOM was built, how it compares to data-binding systems, and its performance characteristics.

This is a talk from Barcelona FutureJS 2014 (futurejs.org). In this talk I'll be discussing why we built a virtual DOM, how it compares to other systems, and its relevance to the future of browser technologies. Barcelona FutureJS 2014 is a conference held by Codegram. We've been running development conferences since 2012 with a goal in mind: Inspiring our audience by putting together the best speakers & talks at a privileged location in the beautiful Barcelona area. Head over to conferences.codegram.com/ for an overview of our conferences and to watch all talks. Visit codegram.com/blog/ to learn more from our team on related topics.

Why it's here

2 people recommend this

What people say. Recommended as a classic talk that explains the core paradigm shift of React and how the virtual DOM differs from traditional data binding.

unsoundInputon Hacker News • Recommends

On “Riot – A React-like, 2.5K user interface library”

I agree that calling it "React-like" seems misleading. When I read about a 'x'-like library I expect something that could actually replace 'x' and provide nearly the same features. Pete Hunt did a great talk on what actually makes React / virtualdom different from other databinding approaches.1 Using this definition Riot.js looks a lot more like Angular, Ember et al. to me. 1 link to this video
View on Hacker News

yazaddaruvalaon Hacker News • Recommends

On “React is 10 years old”

I'll try one last time: > Sorry none of this makes any sense to me. If you're not familiar with the MVC variants (MVVM, MVP, MVI, MOVE)01 we should start there. Next you should read through some common mistakes of Backbone.js like applications link and some criticisms of MVC on HackerNews in 20120. Finally if you haven't before these talks, they are the ones that sold me on React: - link to this video - link - link 0 link 1 link
View on Hacker News

jesstaaon Hacker News • Mentions

On “Mobx: Simple, scalable state management”

Performance characteristics are that this increases expsense with the size of your data where as just re-rendering increases expense with the size of your UI. It's actually much more common to have lots of data but only render a small amount of it, so re-rendering is generally cheaper. The size and complexity of UIs have a natural limit because of screen size and usability, but the amount of data you use to generate a UI has essentially no natural upper limit. Pete Hunt gave a talk on exactly this almost two years ago. link to this video
View on Hacker News