How does the virtual DOM compare to other DOM update mechanisms in ...

How does the virtual DOM compare to other DOM update mechanisms in JavaScript frameworks?

Daisy Muyldermans

A research paper submitted to the University of Dublin, In partial fulfilment of the requirements for the degree of Master of Science Interactive

Digital Media

2019

Declaration

I have read and I understand the plagiarism provisions in the General Regulations of the University Calendar for the current year, found at:

I have also completed the Online Tutorial on avoiding plagiarism `Ready, Steady, Write', located at . plagiarism/ready-steady-write

I declare that the work described in this research Paper is, except where otherwise stated, entirely my own work and has not been submitted as an exercise for a degree at this or any other university.

Signed: ___________________

Daisy Muyldermans

10 May 2019

Permission to lend and/or copy I agree that Trinity College Library may lend or copy this research paper upon request.

signed: ___________________ Daisy Muyldermans 10 May 2019

Acknowledgements

I would like to take the opportunity to thank my lecturer and supervisor, Kathryn Cassidy, for her support throughout this process. Her lectures have taught me a lot and will definitely help me in the future. I would like to thank James for his support this year, I would not have made it this far without him. I would also like to thank the web developers for the time they took to fill out my survey. And I would like to thank my friends who listened and supported me when needed.

This research project would not have been possible without your help, thank you!

Abstract

Name: Daisy Muyldermans Supervisor: Kathryn Cassidy Year: 2019 Title of degree: Master of Science Interactive Digital Media

How Does the virtual DOM compare to other DOM updating mechanisms in JavaScript frameworks?

Facebook created its own JavaScript framework called React. This framework uses a concept called the virtual DOM. The discussion on whether the virtual DOM is more effective than other frameworks has been ongoing in the JavaScript community. Facebook has created a framework called React that uses a DOM updating mechanism called the virtual DOM.

This research project aims to compare the virtual DOM to other DOM updating mechanisms in other JavaScript frameworks. The virtual DOM method will be compared to other alternatives such as Key-value-observation and the digest cycle.

Online surveys were sent out to web developers to ask about their experience with the virtual DOM and with a JavaScript framework called React, which uses the virtual DOM technique. The findings of the survey results will be compared to the theoretical research in this project.

Results show that the virtual DOM scores high in terms of better debugging and short learning curve. Developers have the opinion that Facebook played a huge role in making React a popular framework.The virtual DOM scored better in terms of learning curve and debugging. It is also cheaper than other techniques.

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download