I took the three “To Do” apps built with Angular (version 6.0.3), React (version 16.4.1), and Vue (version 2.5.16), applied some form validation, and generated a production build for each app. In this article, I’m comparing the build size and the payload size of each app.
|Framework||Files Generated||Number of Requests||Payload Size (KB)|
|Angular||7 files (290 KB)||5||284|
|React||9 files (1.98 MB)||4||406|
|Vue||8 files (962 KB)||4||180|
Files Generated are the files produced by the build process and the ones to be deployed to the production server. React and Vue have a lot larger total file size because the build process of the two frameworks produce a