A master thesis from Aalborg University
React-compiler: Compiling React Applications to Improve Performance
Author(s)
Term
4. term
Education
Publication year
2020
Submitted on
2020-06-12
Pages
127 pages
Abstract
In this project, we design and imple- ment React-compiler, a compiler written in JavaScript for compiling applications writ- ten in React, a front-end framework for the web, to more performant JavaScript code. The compiled applications outperform Re- act by up to 28% - 1740% in 5 out of 10 benchmarks in the Krausest benchmarking tool. In the worst performing benchmark we are 40% worse than React. The total file size of the application is reduced by up to 87% when compiled in our benchmarks. These results are achieved, in part by, re- moving the React runtime, and minimis- ing DOM operations by computing depen- dencies of JSX elements at compile time. React-compiler does have some limitations in terms of which React features it is capa- ble of compiling such as React hooks, por- tals, context. It also does not support third party libraries without modification to the library itself.
Documents
Colophon: This page is part of the AAU Student Projects portal, which is run by Aalborg University. Here, you can find and download publicly available bachelor's theses and master's projects from across the university dating from 2008 onwards. Student projects from before 2008 are available in printed form at Aalborg University Library.
If you have any questions about AAU Student Projects or the research registration, dissemination and analysis at Aalborg University, please feel free to contact the VBN team. You can also find more information in the AAU Student Projects FAQs.