Jesse Kipp - Reconciliation: The Root of Performant Applications | React Next 2019

ReactNext 2019
www.react-next.com
Tel Aviv, Israel
@reactnext

DOM Reconciliation is the process of making the rendered page match the React component tree. Reusing elements is important for performance, and many of the best practices for building React apps emerge from the reconciliation process. Let’s break things to figure out how they work.

In this talk we’ll look at an app that does everything wrong. As we fix the problems, we’ll see how React is able reuse more DOM nodes and reconcile the component tree and the DOM faster, recreating fewer nodes. By the end we’ll have a model for reconciliation that will give us a solid foundation for remembering best practices and building performant applications.

Jesse is a systems engineer at Cloudflare. He works on data and security products and previously worked on Cloudflare Stream. He started doing web development in the late 1990's and has worked the full stack from front-end development to managing memory allocation in C++. He has a young family and is an avid runner and rock climber.