Why does React need a virtual DOM tree? Why can't the real DOM be changed directly? What are the advantages and disadvantages of different approaches?