DOCSLIB.ORG

Web Application Development with Vue.Js

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Web Application Development with Vue.Js Web application development with Vue.js Tomi Kumpulainen Bachelor’s Thesis February 2021 Information and Communication Technology Bachelor’s Degree Programme in Information and Communications Tech- nology Description Author(s) Type of publication Date Kumpulainen, Tomi Bachelor’s Thesis February 2021 Language of publication English Number of pages Permission for web publi- 56 cation: x Title of publication Web application development with Vue.js Degree programme Bachelor’s Degree Programme in Information and Communications Technology Supervisor(s) Manninen, Pasi; Niemi, Kari Assigned by Zaibatsu Interactive Oy Abstract The goal of the thesis was to engineer a learning tool in the form of a web application, which could be used to educate the most important features of the Vue.js ecosystem to an employee or a trainee more efficiently than the official documentation by focusing on the SFC syntax instead of the regular syntax used in the official documentation. The thesis was assigned by Zaibatsu Interactive Oy to complement their Self Dev program, which allows the employees of the company to use 5 % of their monthly worktime for developing their professional skills in a volitional manner. This goal was realized by carefully selecting the concepts discussed in the learning tool by critically evaluating the official documentation and designing the content of the learning tool based on the findings to build an efficient documentation covering the basics from the perspective of a SFC syntax user, which eliminates the need to interpret the official docu- mentation on a case-by-case basis. The learning tool was created by using the Vue.js ecosystem to build a PWA, which allows the web application to be used on any device with a standards-compliant browser and re- gardless of an active internet connection. Based on the results, tangible efficiency improvements were achieved, while further devel- opment options were found. Keywords/tags (subjects) Vue.js, Vue CLI, Vue Loader, Vue Router, Vuex, Web application development Miscellaneous (confidential information) Kuvailulehti Tekijä(t) Julkaisun laji Päivämäärä Kumpulainen, Tomi Opinnäytetyö, AMK Helmikuu 2021 Julkaisun kieli Englanti Sivumäärä Verkkojulkaisulupa myön- 56 netty: x Työn nimi Web-sovelluskehitys Vue.js:llä Tutkinto-ohjelma Insinööri (AMK), Tieto- ja viestintätekniikka Työn ohjaaja(t) Manninen, Pasi; Niemi, Kari Toimeksiantaja(t) Zaibatsu Interactive Oy Tiivistelmä Opinnäytetyön tarkoituksena oli luoda web-sovellusmuotoinen opetustyökalu, jota voitai- siin käyttää Vue.js-ekosysteemin tärkeimpien toimintojen perehdyttämiseen työntekijälle tai harjoittelijalle virallista dokumentaatiota tehokkaammin keskittymällä erityisesti SFC- syntaksiin virallisessa dokumentaatiossa käytettävän tavallisen syntaksin sijaan. Opinnäyte- työn toimeksiantajana toimi Zaibatsu Interactive Oy, joka tilasi työn täydentämään yrityk- sen Self Dev -ohjelmaa, joka mahdollistaa yrityksen työntekijöiden käyttää 5 % kuukausittai- sesta työajastaan ammattitaitonsa kehittämiseen vapaavalintaisella tavalla. Asetettua tavoitetta lähdettiin toteuttamaan valitsemalla huolellisesti opetustyökalussa käsiteltävät aiheet virallista dokumentaatiota kriittisesti arvioimalla ja löydösten perus- teellä opetustyökalun sisältöä suunnittelemalla, jonka pohjalta voitiin luoda tehokas doku- mentaatio SFC-syntaksin käyttäjän näkökulmasta, mikä poistaa tarpeen virallisen doku- mentaation tapauskohtaiseen tulkitsemiseen. Opetustyökalu luotiin rakentamalla PWA-sovellus Vuen ekosysteemiä hyödyntäen, joka mahdollistaa web-sovelluksen käytön aktiivisesta internet-yhteydestä riippumatta millä ta- hansa laitteella, jossa on standardinmukainen web-selain. Tuloksista voidaan päätellä, että konkreettisia tehokkuus parannuksia saavutettiin ja koh- teita mahdolliselle jatkokehitykselle löydettiin. Avainsanat (asiasanat) Vue.js, Vue CLI, Vue Loader, Vue Router, Vuex, Web-sovelluskehitys Muut tiedot (Salassa pidettävät liitteet) 4 Contents Terminology ........................................................................................................... 7 1 Introduction ................................................................................................. 11 2 Vue.js ........................................................................................................... 12 2.1 History ....................................................................................................... 12 2.2 Present ....................................................................................................... 13 2.3 Comparisons .............................................................................................. 14 2.3.1 Adoption ......................................................................................... 14 2.3.2 Performance ................................................................................... 15 2.3.3 Popularity ....................................................................................... 15 3 Selected concepts of the learning tool .......................................................... 18 3.1 Alpha .......................................................................................................... 18 3.1.1 Node.js ............................................................................................ 18 3.1.2 Yarn ................................................................................................. 18 3.1.3 Visual Studio Code .......................................................................... 19 3.1.4 Vetur ............................................................................................... 20 3.2 Vue CLI ....................................................................................................... 20 3.2.1 General ........................................................................................... 20 3.2.2 Installation ...................................................................................... 20 3.2.3 Creating a project ........................................................................... 21 3.2.4 Building a project ............................................................................ 22 3.3 Vue Loader................................................................................................. 24 3.3.1 General ........................................................................................... 24 3.3.2 Single-File Components .................................................................. 24 3.3.3 Pre-Processors ................................................................................ 26 3.3.4 Scoped CSS ...................................................................................... 27 5 3.4 Directives ................................................................................................... 28 3.4.1 General ........................................................................................... 28 3.4.2 Conditional rendering ..................................................................... 28 3.4.3 Attribute binding ............................................................................ 29 3.4.4 Iterative rendering .......................................................................... 30 3.4.5 Event handling ................................................................................ 31 3.5 Vue Router ................................................................................................. 32 3.5.1 General ........................................................................................... 32 3.5.2 Creating a router ............................................................................ 33 3.5.3 Using a router ................................................................................. 35 3.6 Vuex ........................................................................................................... 36 3.6.1 General ........................................................................................... 36 3.6.2 Creating a store .............................................................................. 37 3.6.3 Using a store ................................................................................... 38 3.7 Omega ....................................................................................................... 39 3.7.1 TypeScript ....................................................................................... 40 3.7.2 Server-Side Rendering .................................................................... 40 4 Creation of the learning tool ......................................................................... 41 4.1 Design ........................................................................................................ 41 4.2 Implementation ......................................................................................... 43 4.3 Testing ....................................................................................................... 44 5 Results ......................................................................................................... 45 6 Conclusion .................................................................................................... 47 References ........................................................................................................... 49 Appendices .......................................................................................................... 56 Appendix 1. The package.json-file of the learning
Load more

Recommended publications
  • INF-AMA-MON-19.Pdf
    UNIVERSIDAD NACIONAL DE PIURA FACULTAD DE INGENIERIA INDUSTRIAL PROGRAMA DE ACTUALIZACIÓN PROFESIONAL PARA TITULACION EN LA ESPECIALIDAD DE INGENIERIA INFORMÁTICA INFORME TÉCNICO “DESARROLLO DEL PROTOTIPO DE UNA APLICACIÓN WEB PARA OPTIMIZAR EL PROGRAMA DE CORTES DE LA EPS GRAU S.A.” Presentado por: AMAYA MONTENEGRO JAVIER ALEXANDER FLOREANO GIRON LADY AZUCENA MERINO LIVIA FABIAN ARY Asesor: ING. ARTURO SANDOVAL RIVERA I II III IV Dedicatoria Dedicamos este informe de investigación a nuestros padres: Leoncio Amaya y Angela Montenegro, Jaime Floreano y Azucena Girón, Diomedes Merino y Catalina Livia, pues ellos son los que nos inculcaron valores tales como responsabilidad, respeto, honestidad y asentaron las bases para desarrollarnos como personas e inspiraron a forjar un mejor futuro como profesionales. V Agradecimiento A Dios por darnos la dicha de vivir, así como la salud y sabiduría para llegar hasta este punto de nuestras vidas. A nuestros familiares que con su apoyo incondicional nos incentivaron a cumplir nuestras metas. A nuestros profesores, y en especial a nuestro asesor Arturo Sandoval Rivera por el aporte de conocimientos para la elaboración de este informe y por la confianza depositada en nosotros. Y a la empresa por brindarnos la información necesaria para el desarrollo exitoso del presente informe. VI RESUMEN El presente trabajo de investigación está enfocado en el desarrollo del prototipo de una aplicación web para la EPS GRAU S.A. con el objetivo de optimizar el proceso del programa de cortes. Actualmente, el programa de cortes se viene generando al término de la jornada laboral. Este proceso compendia a usuarios que se encuentran en condición de corte, incluyendo a usuarios que durante el día han cancelado a través de entidades bancarias, cuyos pagos son procesados al siguiente día hábil, y que no deberían estar en la condición mencionada.
    [Show full text]
  • Progressive Web Apps: the Definite Approach to Cross-Platform Development?
    View metadata, citation and similar papers at core.ac.uk brought to you by CORE provided by ScholarSpace at University of Hawai'i at Manoa Proceedings of the 51st Hawaii International Conference on System Sciences j 2018 Progressive Web Apps: the Definite Approach to Cross-Platform Development? Tim A. Majchrzak Andreas Biørn-Hansen, Tor-Morten Grønli University of Agder, Faculty of Technology, Westerdals Oslo ACT, Kristiansand, Norway Oslo, Norway Email: [email protected] Email: fbioand;[email protected] Abstract choice between native apps, cross-platform generated ones, and Webapps can remain tricky [16], [8]. Although many Although development practices for apps have matured, different attempts have been made with regard to how cross- cross-platform development remains a prominent topic. Ty- platform development frameworks should work, no techno- pically, apps should always support both Android and iOS logy is considered absolutely superior. Unsurprisingly, still devices. They ought to run smoothly on various hardware, new frameworks arise [3] despite PhoneGap [17] (previously and be compatible with a host of platform versions. Additio- a.k.a. Apache Cordova [18]) is widespread in industry. nally, device categories beyond smartphone and tablets have Progressive Web Apps (PWAs) are a novel way to de- emerged, which makes multi-platform support even trickier. velop, they promise to combine Web technologies’ ease Truly developing an app once and serving the multitude of development with the versatility of native apps [11]. of possible targets remains an issue despite having cross- This might be achieved without a (profound) performance platform frameworks that are acknowledged by practice penalty [19] but with a dramatic decrease in app size [20], and research.
    [Show full text]
  • An Empirical Investigation of Performance Overhead in Cross-Platform Mobile Development Frameworks
    Empirical Software Engineering https://doi.org/10.1007/s10664-020-09827-6 An empirical investigation of performance overhead in cross-platform mobile development frameworks Andreas Biørn-Hansen1,2 · Christoph Rieger3 · Tor-Morten Grønli1 · Tim A. Majchrzak4 · Gheorghita Ghinea1,2 © The Author(s) 2020 Abstract The heterogeneity of the leading mobile platforms in terms of user interfaces, user expe- rience, programming language, and ecosystem have made cross-platform development frameworks popular. These aid the creation of mobile applications – apps – that can be executed across the target platforms (typically Android and iOS) with minimal to no platform-specific code. Due to the cost- and time-saving possibilities introduced through adopting such a framework, researchers and practitioners alike have taken an interest in the underlying technologies. Examining the body of knowledge, we, nonetheless, frequently encounter discussions on the drawbacks of these frameworks, especially with regard to the performance of the apps they generate. Motivated by the ongoing discourse and a lack of empirical evidence, we scrutinised the essential piece of the cross-platform frameworks: the bridge enabling cross-platform code to communicate with the underlying operating system and device hardware APIs. The study we present in the article benchmarks and mea- sures the performance of this bridge to reveal its associated overhead in Android apps. The development of the artifacts for this experiment was conducted using five cross-platform development frameworks to generate Android apps, in addition to a baseline native Android app implementation. Our results indicate that – for Android apps – the use of cross-platform frameworks for the development of mobile apps may lead to decreased performance com- pared to the native development approach.
    [Show full text]
  • Using Mobile Devices for Exercise Capacity Testing: an Implementation and Validation Study
    Teknik och samhälle Datavetenskap och medieteknik Examensarbete 15 högskolepoäng, grundnivå Using Mobile Devices for Exercise Capacity Testing: An Implementation and Validation Study Att använda mobila enheter för kapacitetstestning: en implementation- och valideringsstudie Felix Morau Elin Forsnor Examen: Kandidatexamen 180 hp Handledare: Dario Salvi and Carl- Huvudområde: Data och Informationsveten- Magnus Olsson skap Examinator: Mia Persson Program: Informationsarkitekt Datum för slutseminarium: 2020-06-04 Abstract Mobile phones can be used to assess patients health by collecting valuable information through the sensors, GPS and accelerometers and then uploading them to a central database to allow for clinicians to remotely monitor the decline, improvement or over- all health status of a patient [1] [2]. Many mHealth applications use mobile phones built-in GPS, accelerometer and other sensors which allows for a large selection of work to compare the implemented exercise capacity test to [1]. The exercise capacity tests developed for this thesis is to be used in Mobistudy. Mobis- tudy is an open mobile-health platform for clinical research. The platform has an emphasis on regulatory compliance, patient consent and transparency [3]. The thesis resulted in the creation of two artifacts which were able to successfully collect data from the user to transfer to the clinicians using the application. During the analysis it was found that the SMWT algorithm developed by Salvi et al [4] worked well under non optimal conditions. The Queens College Step Tests result were in general poor, however more testing with more different phones is required to provide a clear answer. 0.1 Definitions mHealth: Mobile health involves sensors, mobile apps, social media, and location-tracking technology used in disease diagnosis, prevention, and management [2].
    [Show full text]
  • Use Style: Paper Title
    38 Dewi, G.L., et.al.: Pemanfaatan Progressive Web Apps Pada Web Akuntansi Pemanfaatan Progressive Web Apps Pada Web Akuntansi Grace Levina Dewi1*, Suhatati Tjandra2, Ricardo3 1, 2, 3Program Studi Informatika, Institut Sains dan Teknologi Terpadu Surabaya, Jawa Timur Email: 1*[email protected] (Naskah masuk: 12 Feb 2020, direvisi: 13 Apr 2020, diterima: 5 Mei 2020) Abstrak Software untuk mengelola data transaksi menjadi laporan keuangan sangat banyak dipakai di berbagai sektor bisnis. Software yang cepat, akurat, reliabilitas tinggi serta mudah diimplementasikan menjadi faktor pemilihan software. Oleh karena itu, dikembangkan software pengelola transaksi dengan menggunakan PWA (Progressive Web Apps). Alasan memanfaatkan PWA karena dapat memenuhi kebutuhan software yang dibutuhkan oleh pengguna. Secara garis besar, kelebihan PWA ini terletak pada bagian notifikasi, dapat diakses secara offline, memiliki performa yang bagus, sistem keamanan yang bagus (karena harus menggunakan HTTPS), dan dapat diterapkan pada web. Penerapan PWA ini juga sama seperti memakai aplikasi di smartphone. Uji coba dalam pengembangan ini dilakukan dengan dua metode, yaitu Performance Testing dan Functionality Testing. Hasil uji coba menyatakan bahwa web akuntansi dengan PWA mempunyai kecepatan yang hampir sama dengan native tetapi User Experience PWA lebih baik dibandingkan aplikasi native. Hasil dari Functionality Testing menunjukan Web App dapat berjalan dengan baik sesuai fungsi setiap fitur. Kata Kunci: Progressive Web Apps, Porto, SAP, website, Quasar. The Use of Progressive Web Apps on Accounting Web Abstract Software for managing transaction data into financial statements is widely used in various business sectors. Software which is fast, accurate, high reliability and easy to implement is a software selection factor. Therefore, transaction management software was developed using PWA (Progressive Web Apps).
    [Show full text]
  • Heading to the Future. a Survey to Reach for the Stars
    Heading to the future. A survey to reach for the stars. The Quasar framework official results report. Please do not print this document, think of the planet. quasar.dev Summary 3 Introduction 19 Communication channels 20 Discord 4 Community 21 Quasar blog 5 The Quasar community 22 Quasar Forum 6 Quasar around the globe 23 Twitter & Facebook 7 Most relevant features for new-comers 24 Contents wishlist 8 Critical aspects and risk of Quasar abandonment 25 High-level opportunities 9 Website 26 Features & tech 10 Quasar website 27 Priority features to be implemented 11 5 most useful info to find in Quasar main page for new comers 28 CSS preprocessor, ESLint and async requests 12 UX advice and contents accessibility 29 OS, Docker & package managers 30 TypeScript 13 Sponsorship 31 Automatic testing 14 People & contributions 32 Starter kit options 15 A call to action to support Quasar 33 Projects & help 16 Interruptions & opportunities 17 Tiers & high-level sponsors visibility 34 Final conclusions 18 Commercial package support 35 An overall look into Quasar 36 A taste of this amazing Community 2 Introduction Thank you for having downloaded this first Quasar Survey report, related to 2020 Quasar Survey. This document pro- vides an exhaustive summary of all the topics covered in the Number of questions questionnaire. For sake of brevity, given the huge amount of data collected, this document does not contain, one by one, 53* *The document does not include all the 53 questions as those regarding candidacies to help Quasar team all the feedback submitted by the participants. have been omitted.
    [Show full text]
  • System Using Quasar Framework
    Journal of Information Systems Engineering and Business Intelligence Vol.5, No.2, October 2019 Available online at: http://e-journal.unair.ac.id/index.php/JISEBI Hybrid Mobile Executive Information (m-EIS) System Using Quasar Framework for Indonesia Financial Service Authority Dina Fitria Murad1)*, Wirianto Widjaya2), Dwi Rahmania Noviani3), Nur Fitriyyah4) , Liany Minarni Saputri5) 1)2)3)4)5) Information Systems Department, BINUS Online Learning, Bina Nusantara University, Indonesia Jl. K. H. Syahdan No. 9 Jakarta Barat 11480, Indonesia 1) [email protected], 2) [email protected], 3)[email protected], 4) [email protected], 5) [email protected] Article history: Abstract Received 2 September 2019 Background: Given the digital transformation in currently emerging digital era in Financial Revised 9 October 2019 Service Industry; marked by the rise of Fintech; Financial Service Authority (FSA) is Accepted 15 October 2019 Available online 28 October 2019 challenged to mitigate new type of risks that are introduced by it. As first step, Indonesia FSA seeks for an effective and efficient way to present up-to-date Strategic Information to its Top Keywords: Executive Leaders to enable informed strategic decision making. Objective: This study aimed to find the solution to provide information strategic information Executive Information System, to Indonesia FSA executives at any-time any-where. The researchers hypothesize that mobile Financial Service Authority, Executive Information System could effectively serve the purpose. Financial Service Industry, Hybrid Methods: The research activities are laid out based on the Unified Process (UP) Mobile Application, Unified Methodology and use Unified Modelling Language (UML) diagrams to communicate the Modelling Language, Unified design.
    [Show full text]
  • State of Vue.Js
    IT’S HERE! Case studies and survey about the progressive JavaScript framework for developers and CTOs State of Vue.js 2019 Brought to you by Monterail In collaboration with Evan You and Chris Fritz 1 What’s Inside? 1 Preface 3 2 How Developers Use Vue.js 7 3 One year later with Vue.js 25 a Behance 27 Yuriy Nemtsov b Clemenger BBDO Melbourne 29 Sylvain Simao c GitLab 31 Clement Ho d Livestorm 33 Thibaut Davoult 4 Case Studies 35 a Fathom 37 b IBM Hybrid Cloud 46 c Laravel 54 5 The Future of Vue.js 60 Evan You 2 STATE OF VUE.JS 2019 PREFACE Preface Vue.js has brought us business worth around €1M since we first adopted it in 2016. But financial stability isn’t the only thing that Vue has helped us with: hap- piness among our employees has soared and so has our sense of community, while our clients are astonished with the speed of development and the quality of the end results—all of which are priceless for a software development company like Monterail. And we owe it all to Vue. The first State of Vue.js report was downloaded over 8,000 times by people from all around the world. The NPS (net promoter score) from that edition equaled 8.3 which is an amazing score for a book like that. It was apparent that such a report was needed and we thought it would be a good idea to develop it further and updated from time to time. Like its predecessor, this new, revised edition of the report was created for three main reasons.
    [Show full text]
  • An Empirical Investigation of Performance Overhead in Cross-Platform Mobile Development Frameworks
    Empirical Software Engineering (2020) 25:2997–3040 https://doi.org/10.1007/s10664-020-09827-6 An empirical investigation of performance overhead in cross-platform mobile development frameworks Andreas Biørn-Hansen1,2 · Christoph Rieger3 · Tor-Morten Grønli1 · Tim A. Majchrzak4 · Gheorghita Ghinea1,2 Published online: 9 June 2020 © The Author(s) 2020 Abstract The heterogeneity of the leading mobile platforms in terms of user interfaces, user expe- rience, programming language, and ecosystem have made cross-platform development frameworks popular. These aid the creation of mobile applications – apps – that can be executed across the target platforms (typically Android and iOS) with minimal to no platform-specific code. Due to the cost- and time-saving possibilities introduced through adopting such a framework, researchers and practitioners alike have taken an interest in the underlying technologies. Examining the body of knowledge, we, nonetheless, frequently encounter discussions on the drawbacks of these frameworks, especially with regard to the performance of the apps they generate. Motivated by the ongoing discourse and a lack of empirical evidence, we scrutinised the essential piece of the cross-platform frameworks: the bridge enabling cross-platform code to communicate with the underlying operating system and device hardware APIs. The study we present in the article benchmarks and mea- sures the performance of this bridge to reveal its associated overhead in Android apps. The development of the artifacts for this experiment was conducted using five cross-platform development frameworks to generate Android apps, in addition to a baseline native Android app implementation. Our results indicate that – for Android apps – the use of cross-platform frameworks for the development of mobile apps may lead to decreased performance com- pared to the native development approach.
    [Show full text]
  • ​Md. Readul Hasan Chayan
    Md. Readul Hasan Chayan - Résumé Contact Information: Md. Readul Hasan Chayan Email: [email protected] Web: heemayl.net Open Source code: github.com/heemayl Professional Objective: To work on stuff I like, for fun and profit. Employment History: Backend Developer Saffron Technologies, Inc. July, 2020 - Present Development of backend of the Mata VC web app. Tasks: - API: Django and DRF (Django REST Framework) based API development. - Async Tasks: Async tasks development for Celery with RabbitMQ as the broker and Redis as the result backend. - Database: Postgresql with Django ORM for database operations. - DevOps: Installation, configuration, and maintenance of all the system stuff on Amazon Web Services (AWS) including all the software packages on EC2. Creation and maintenance of deployment pipelines on GitHub Actions. Mentor CodeMentor July, 2019 - Present Helping developers on a wide range of topics including Python, Django, Flask, Docker, Databases, JavaScript, Git, GNU/Linux, Nginx, Regex, Shell etc. Profile: CodeMentor.io/@heemayl Tasks: - Direct 1:1 Mentorship - Long-term and Short-term Freelance Jobs - Code Review Backend Developer Cuz Translation July, 2019 - December, 2019 Development of the web app backend. Tasks: - API: Development of Django and DRF (Django REST Framework) based API. - Database: MySQL with Django ORM for database operations. - Microservices: Development of multiple Flask microservices. - Deployment: Deployment and maintenance of API and docker-based microservices on GCP (Google Cloud Platform). Chief Technology Officer Eating Habits April, 2019 - June, 2020 Full stack development, deployment, maintenance, administration of the Hybrid App (Web/Android/iOS). Tasks: - Backend: The backend is Python/Django, with a REST API written by me using DRF (Django REST Framework) exposed to the frontend for CRUD calls.
    [Show full text]
  • Progressive Web Apps: the Definite Approach to Cross-Platform Development?
    Proceedings of the 51st Hawaii International Conference on System Sciences j 2018 Progressive Web Apps: the Definite Approach to Cross-Platform Development? Tim A. Majchrzak Andreas Biørn-Hansen, Tor-Morten Grønli University of Agder, Faculty of Technology, Westerdals Oslo ACT, Kristiansand, Norway Oslo, Norway Email: [email protected] Email: fbioand;[email protected] Abstract choice between native apps, cross-platform generated ones, and Webapps can remain tricky [16], [8]. Although many Although development practices for apps have matured, different attempts have been made with regard to how cross- cross-platform development remains a prominent topic. Ty- platform development frameworks should work, no techno- pically, apps should always support both Android and iOS logy is considered absolutely superior. Unsurprisingly, still devices. They ought to run smoothly on various hardware, new frameworks arise [3] despite PhoneGap [17] (previously and be compatible with a host of platform versions. Additio- a.k.a. Apache Cordova [18]) is widespread in industry. nally, device categories beyond smartphone and tablets have Progressive Web Apps (PWAs) are a novel way to de- emerged, which makes multi-platform support even trickier. velop, they promise to combine Web technologies’ ease Truly developing an app once and serving the multitude of development with the versatility of native apps [11]. of possible targets remains an issue despite having cross- This might be achieved without a (profound) performance platform frameworks that are acknowledged by practice penalty [19] but with a dramatic decrease in app size [20], and research. The technology unifier remains to be found, [21]. Due to their novelty, scientific coverage is low [11].
    [Show full text]