1. Babel-preset -react allows us to override react elements to be processed through the react. CreatElement method when writing JSX syntax and custom components.
  2. Render the React element created in the previous step using the reactdom. render method.
  3. The reactdom. render method is called to create the root object root, followed by root.render.
  4. The workLoop function traverses the whole virtual DOM tree, and passes the next virtual DOM to the performUnitOfWork function, which passes the performUnitOfWork function to the beginWork, and processes the sub-nodes as Fiber type and performs monut or update operation
  5. The beginWork function returns the completed child element and continues processing until there are no child elements, at which point performUnitOfWork calls completeUnitOfWork to complete the conversion of the virtual DOM to the real DOM