React Internals: Basic Concepts and Notes

React's performance comes from its internal data structures and algorithms. In this article, I will not touch upon the actual codebase, data structures, or algorithms. I will share, on a high level, how React 16 renders and updates the UI. React can use a combination of Depth-First and Breadth-First Traversal to render the entire component (for both types of representation) In a dynamic user interface, we will have periodic updates as well as other high-priority activities like network calls.