Comparison between DOM manipulation technologies VirtualDOM and IncrementalDOM

Session

Computer Science and Communication Engineering

Description

Manipulating the Document Object Model (DOM) is one of the most expensive operations that the browser has to do. Through the years there have been various approaches to address this problem. Many frontend frameworks and libraries have developed their own solutions. Angular and React JS are the main framework and library used in frontend development right now and they also developed their own solutions and approaches to DOM manipulation. Angular uses IncrementalDOM as their DOM rendering and manipulation technology while React JS uses VirtualDOM. But which one of them has faster rendering time and which one has a smaller memory footprint? Angular with IncrementalDOM has better memory management and way smaller memory footprint than React JS and VirtualDOM. On the other hand React JS has a small advantage when it comes to speed as it has a bit faster rendering times than Angular.

Keywords:

DOM, VirtualDOM, IncrementalDOM, Angular, React JS

Session Chair

Edmond Jahjaga

Session Co-Chair

Ramiz Hoxha

Proceedings Editor

Edmond Hajrizi

ISBN

978-9951-437-96-7

Location

Lipjan, Kosovo

Start Date

31-10-2020 9:00 AM

End Date

31-10-2020 10:30 AM

DOI

10.33107/ubt-ic.2020.522

This document is currently not available here.

Share

COinS
 
Oct 31st, 9:00 AM Oct 31st, 10:30 AM

Comparison between DOM manipulation technologies VirtualDOM and IncrementalDOM

Lipjan, Kosovo

Manipulating the Document Object Model (DOM) is one of the most expensive operations that the browser has to do. Through the years there have been various approaches to address this problem. Many frontend frameworks and libraries have developed their own solutions. Angular and React JS are the main framework and library used in frontend development right now and they also developed their own solutions and approaches to DOM manipulation. Angular uses IncrementalDOM as their DOM rendering and manipulation technology while React JS uses VirtualDOM. But which one of them has faster rendering time and which one has a smaller memory footprint? Angular with IncrementalDOM has better memory management and way smaller memory footprint than React JS and VirtualDOM. On the other hand React JS has a small advantage when it comes to speed as it has a bit faster rendering times than Angular.