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.
Видео Jesse Kipp - Reconciliation: The Root of Performant Applications | React Next 2019 канала ReactNext
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.
Видео Jesse Kipp - Reconciliation: The Root of Performant Applications | React Next 2019 канала ReactNext
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Understanding React's UI Rendering Process](https://i.ytimg.com/vi/i793Qm6kv3U/default.jpg)
![How React Works behind the scenes - Pluralsight audition](https://i.ytimg.com/vi/gApwC9Ek9yo/default.jpg)
![Nir Kaufman - The beauty and the beast: custom renderers in React | ReactNext2021](https://i.ytimg.com/vi/YkkEPyU7GMA/default.jpg)
![The Modern Art of Education | Hitesh Choudhary | TEDxITMUVadodara](https://i.ytimg.com/vi/q9YRq_trpGs/default.jpg)
![Building Resilient Frontend Architecture • Monica Lent • GOTO 2019](https://i.ytimg.com/vi/TqfbAXCCVwE/default.jpg)
![SMOOSHCAST: React Fiber Deep Dive with Dan Abramov](https://i.ytimg.com/vi/aS41Y_eyNrU/default.jpg)
![Ways To Make Money As A Programmer - Unique Side Hustle Ideas!](https://i.ytimg.com/vi/g90lWNAJNEQ/default.jpg)
![I used Elm in production and it cost me my job – Annaia Berry](https://i.ytimg.com/vi/RFrKffrKCeU/default.jpg)
![TREE vs Graham's Number - Numberphile](https://i.ytimg.com/vi/0X9DYRLmTNY/default.jpg)
![Gil Tayar - Frontend Microservices: Unravelling Spaghetti Code | ReactNext 2021](https://i.ytimg.com/vi/kLfLoUqyVlM/default.jpg)
![What Is Serverless?](https://i.ytimg.com/vi/Fx3ZGy-mbV4/default.jpg)
![David Khourshid - Formal Forms with State Machines | React Next 2019](https://i.ytimg.com/vi/hiT4Q1ntvzg/default.jpg)
![How Does React Actually Work? React.js Deep Dive #1](https://i.ytimg.com/vi/7YhdqIR2Yzo/default.jpg)
![Nir Peled - Why do we need a good Design System and how to Implement one | ReactNext 2021](https://i.ytimg.com/vi/FutFcT9nx1I/default.jpg)
![Flarnie Marchan - Ready for Concurrent Mode? | React Next 2019](https://i.ytimg.com/vi/V1Ly-8Z1wQA/default.jpg)
![React Reconciliation && EN subtitles](https://i.ytimg.com/vi/hvxhIMkWR94/default.jpg)
![Hadas Shveky-Teman - DIY UI: We built our own UI library and survived to tell about it | ReactNext](https://i.ytimg.com/vi/iAkIWz4C-2w/default.jpg)
![Amit Sheen - React problems, CSS solutions | ReactNext 2021](https://i.ytimg.com/vi/GW8sAZOUntg/default.jpg)
![Liran Tal - You thought your React application is secure? Think again | ReactNext 2021](https://i.ytimg.com/vi/eOKJnjuDaqg/default.jpg)
![Craig Spence - Betterer: Incremental Improvement | ReactNext 2021](https://i.ytimg.com/vi/OiR308SORws/default.jpg)