React.js Reconciliation - Understanding the Core Process - Lecture 30

Explore the intricacies of React.js reconciliation in this informative conference talk from Philly ETE 2016. Dive deep into the core concepts of React, including components, state transitions, and the Virtual DOM. Learn how reconciliation works within React and how it enhances both performance and user experience. Gain insights into optimizing your own applications by understanding the reconciliation process. Discover the complexities of state management, mutation sequences, and the Shadow DOM. Examine practical examples and code demonstrations that illustrate key concepts. Address common questions about React.js, including its performance, code complexity, and comparisons with other technologies. Investigate the advantages and disadvantages of using the Virtual DOM, and explore upcoming technologies in the React ecosystem. Enhance your React development skills and gain a deeper understanding of its inner workings through this comprehensive presentation.

Introduction
React
Overview
Components
React Components
Example Component
Example Code
Adding One More State
Complexity
State Transitions
Mutation
Sequences
Virtual DOM
Shadow DOM
Reconciliation
Levels
Component Types
Reconciliation Example
Optimizations
Questions
Why is that expensive
Code complexity and browser performance
Why not use Reactjs
Does Reactjs read from the DOM
How much code is shared between Reactjs and React Native
Virtual DOM after reconciliation
Disadvantages of using Virtual DOM
Managing complexity
Upcoming technologies