Creating a mobile application often requires the developers to create one for Android och one for iOS, the two leading operating systems for mobile devices. The two applications may have the same layout and logic but several components of the user interface (UI) will differ and the applications themselves need to be developed in two different languages. This process is gruesome since it is time consuming to create two applications and it requires two different sets of knowledge. There have been attempts to create techniques, services or frameworks in order to solve this problem but these hybrids have not been able to provide a native feeling of the resulting applications. This thesis has evaluated the newly released framework React Native that can create both iOS and Android applications by compiling the code written in React. The resulting applications can share code and consists of the UI components which are unique for each platform. The thesis focused on Android and tried to replicate an existing Android application in order to measure user experience and performance. The result was surprisingly positive for React Native as some user could not tell the two applications apart and nearly all users did not mind using a React Native application. The performance evaluation measured GPU frequency, CPU load, memory usage and power consumption. Nearly all measurements displayed a performance advantage for the Android application but the differences were not protruding. The overall experience is that React Native a very interesting framework that can simplify the development process for mobile applications to a high degree. As long as the application itself is not too complex, the development is uncomplicated and one is able to create an application in very short time and be compiled to both Android and iOS.

Lately, various programming frameworks has been developed for developing web applications. These frameworks focus on increasing the user experience by performance improvements such as faster render times and response times. One of these frameworks are React, which has introduced a completely new architectural pattern for both managing the state and data flow of an application. React also offers support for native application development and makes server-side rendering possible. Something that is difficult to accomplish with an application developed with Angular 1.5, which is used by the company Dewire today. The aim of this thesis was to compare React with an existing Angular project, in order to determine whether React could be a potential replacement for Angular. To gain knowledge about the subject, a theoretical study of web- based sources has been made. While the practical part has been to rebuild a web application with React together with the architecture Flux, which is based on a view from the Angular project. The implementation process was repeated until the view was completed and a desired data flow, as in the Angular application, was reached. The resulting React application was later compared with the Angular application developed by the company, where the outcome of the comparison showed that the React performed better than Angular in all tests. In conclusion, due to the timeframe of the project, only the most important parts of the Angular project were implemented in order to carry out the measurements that were of interest to the company. By recreating most of the functionality, or the entire Angular application, more interesting comparisons could have been done. / På senare tid har det utvecklats olika programmeringsramverk för att utveckla webbapplikationer. Dessa ramverk har fokus på att öka användarupplevelsen ytterligare med hjälp av prestandaförbättringar i form av snabbare renderings- och responstider. Ett av dessa ramverk är React, som har introducerat ett helt nytt arkitekturmönster för att både hantera applikationens tillstånd och dataflöde. React erbjuder även stöd för native applikationsutveckling och möjliggör att på ett enkelt sätt rendera från server-sidan. Något som är svårt att åstadkomma med en applikation utvecklad med Angular 1.5, som används av företaget Dewire idag. Syftet med detta examensarbete har varit att jämföra React med ett befintligt Angular projekt, för att kunna avgöra om React kan vara en potentiell ersättare till Angular. För att få kunskaper inom ämnet har en teoretisk undersökning med hjälp av webbaserade källor gjorts. Medan den praktiska delen har varit att återskapa en webbapplikation, med ramverket React tillsammans med arkitekturen Flux, som är baserad på en vy från Angular projektet. Implementeringsprocessen genomfördes iterativt tills denna vy var uppbyggd och att ett önskvärt dataflöde såsom i Angular-applikationen var uppnått. Resultatet av React-applikationen jämfördes sedan med företagets Angular-applikation, där utfallet av jämförelsen visade att React presterade bättre än Angular i samtliga tester. Som slutsats, på grund av projektets tidsram, implementerades endast de viktigaste delarna av Angular projektet för att genomföra de mätningar som var intressanta för företaget. Genom att återskapa större delen av funktionaliteten, alternativt hela Angular-applikationen, hade fler intressanta jämförelser kunnat utföras.

This master thesis focuses on proces of UI/UX designing and implementation of mobile application for operation systems Android and iOS. Application is developed using multiplatform mobile framework React Native and programming language JavaScript. Automatization of testing and publishing in App Store and Google Play is also subject of this thesis. Application serves as guide for visitors of theathre festival Encounter/Setkání organised by students of Janáček Academy of Music and Performing Arts.

Diploma thesis is devote to creation commercial and administration internet portal for selling and managing products. By creating means specify user's requirement from concrete company, created application architecture and implement all of this. Developed portal is a SPA Web application type based on JavaScript library named React and PHP Symfony framework.

Denna rapport behandlar utveckling av en mobilapplikation för att mäta flöde i ett vattendrag på uppdrag av företaget SeaPattern. Rapporten inkluderar en gemensam del och åtta individuella delar. Den gemensamma delen beskriver arbetet som bedrevs under våren 2022 och gjordes som en del av kursen Kandidatprojekt i programvaruutveckling, TDDD96,vid Linköpings universitet. Målet med projektet var att utveckla en mobilapplikation föratt med enkelhet kunna beräkna flödet i ett vattendrag. Applikationen ger användarenmöjlighet att ladda upp ett videoklipp på ett vattendrag, för att sedan få tillbaka flödesberäkningen representerat med ett vektorfält eller värmekarta.

Digitalization is happening all around us as more tasks get software assistance, to ease the workload and improve performance. This opens up for endless possibilities but it also comes with challenges. The progress made within software development means that the first solutions implemented can differ a lot compared to the latest for a company. This spread makes maintenance significantly harder due to having different implementations or even different operating systems. Cross platform compatibility is a technique that battles this spread by allowing for a single implementation to be used in all environments, enabling maintenance to be focused solely on one product. The transitioning towards cross platform applications is easy when there is no  external hardware involved. However when there is external hardware the transitioning needs to take limitations regarding hardware compatibility into consideration, which has been the case for this project. In the thesis, a proof of concept has been developed for migration from native Android towards React Native which allows for a cross platform compatible application. External hardware in the form of a card reader, receipt printer and touch screen are included to analyze the possibility to migrate without having to replace the current hardware due to limitations regarding hardware accessibility and performance. This work shows that it would be possible to transition from a native Android application with external hardware to a React Native application if an additional backend environment is implemented alongside. The backend is for validation and token generation towards third party programs connected to the hardware. This proof of concept shows that the performance loss is within an acceptable boundary which only marginally affects user experience.

This project has been carried out to explore the possibilities of working with open-source frameworks and libraries in an existing system. For this project, the existing system is the web application platform Dreamtsoft. The project is divided into two main goals, the first main goal is to integrate an existing web application from a previous project using modern web technologies, specifically React with a number of support libraries. The second main goal is to create a process to automate the integration of node_modules into Dreamtsoft. Both main goals were achieved, the first main goal resulted in an implementation of the existing web application, with a number of minor changes to the functionality. The second main goal resulted in a script to convert node_modules to files that work in Dreamtsoft and an implementation of the React Trello package as a Dreamtsoft component. / Detta projekt har utförts för att undersöka möjligheterna att arbeta med open-source ramverk och bibliotek i ett existerande system. För detta projekt är det existerande systemet webbapplikations-platformen Dreamtsoft. Projektet är uppdelat i två huvudmål, första huvudmålet är att integrera en existerande webbapplikation från ett tidigare projekt som använder moderna webbtekniker, specifikt React med ett antal stödbibliotek. Det andra huvudmålet är att skapa en process för att automatisera integrationen av node_modules i Dreamtsoft. Båda huvudmålen uppnåddes, det första huvudmålet resulterade i en implementation av den existerande webbapplikationen, med ett antal mindre ändringar till funktionaliteten. Det andra huvudmålet resulterade i ett script för att konvertera node_modules till filer som fungerar i Dreamtsoft och en implementation av paketet React Trello som en Dreamtsoft-komponent.

Denna rapport jämför prestandan hos applikationer utvecklade med två olika verktyg som används för att utveckla mobilapplikationer till flera plattformar samtidigt. Verktygen som jämförs är React Native och Apache Cordova. Verktygen fungerar på olika sätt, React Native renderar applikationen genom att använda plattformsspecifika- komponenter medans Cordova renderar med hjälp av HTML5 och CSS3. Jämförelsen går till genom att utveckla tre applikationer med de båda verktygen (totalt sex applikationer) och sedan jämföra prestandan hos dessa. Testapplikationerna är framtagna för att testa funktionalitet som förekommer ofta hos applikationer idag. Testapplikation 3 testar exempelvis ett oändligt scrollande flöde, som förekommer hos både Facebook och Instagram. Resultaten visar att Cordova i dessa tester har en CPU-användning på 76% lägre än React Native och även har en minnesanvändning som är 18% lägre.

JavaScript has become the dominant programming language for web application development during the last few decades, being used by 98.5% of the websites worldwide. This prominence has led to the emergence of several frameworks for this language, with React and Vue being among the popular choices. However, there is no research specifically comparing these frameworks from a beginner’s perspective when creating simple web applications. The purpose of this thesis is to map out similarities and differences between React and Vue in terms of performance and ease of use for beginners. To accomplish this, two identical web applications were developed using React and Vue, respectively. These applications were designed to require only a general understanding of programming concepts and no prior experience with the mentioned frameworks, while having a target build size ranging from 40-60 KB. The development process for each framework was documented, capturing the time invested and challenges encountered. A qualitative approach was adopted to assess performance, leveraging quantifiable data gathered from the developed applications, while ease of use was evaluated through the lens of a beginner. The findings indicate that while React exhibited 12% faster overall execution time and 4% faster memory allocation, the performance gap was narrower than previous research suggested due to the smaller size of the applications. On the other hand, Vue was found to be more beginner-friendly, requiring 21.3% less development time to achieve the same application functionality. These findings aid beginners in selecting the most suitable framework based on their priorities and contribute to the understanding of React and Vue in the context of simple web application development. / JavaScript har under de senaste decennierna vuxit till att bli det dominerande programmeringsspråket för webbutveckling och används idag av 98,5% av webbplatserna världen över. Denna utveckling har lett till skapandet av flera ramverk för JavaScript, där React och Vue är bland de populära valen. Det finns dock ingen forskning som specifikt jämför dessa ramverk från ett nybörjarperspektiv när det kommer till att skapa enkla webbapplikationer. Syftet med denna studie är att kartlägga likheter och skillnader mellan React och Vue när det gäller prestanda och användarvänlighet för nybörjare. För att åstadkomma detta utvecklades två identiska webbapplikationer med hjälp av React respektive Vue. Dessa applikationer designades för att endast kräva en allmän förståelse av programmeringskoncept och ingen tidigare erfarenhet av de nämnda ramverken, samtidigt som de hade en storlek som sträcker sig från 40-60 KB. Utvecklingsprocessen för varje ramverk dokumenterades, bland annat med fokus på tid som investerats och de utmaningar som stöttes på. Ett kvalitativt tillvägagångssätt antogs för att bedöma prestanda, med hjälp av kvantifierbar data som samlats in från de utvecklade applikationerna, medan användarvänligheten utvärderades genom att analyseras ur en nybörjares perspektiv. Resultaten indikerade att trots att React överlag uppvisade 12% snabbare exekveringstid och 4% snabbare minnesallokering, var prestandagapet mindre än tidigare forskning har visat främst på grund av den mindre storleken på applikationerna. Å andra sidan visade sig Vue vara mer nybörjarvänlig och krävde 21.3% mindre tid för att skapa samma funktionalitet. Dessa resultat kan hjälpa nybörjare att välja det mest lämpliga ramverket baserat på deras prioriteringar och bidrar till förståelsen av React och Vue när det kommer till att skapa enkla webbapplikationer.

Denna rapport är skapad av tio studenter vid Linköpings universitet vårterminen år2023. Rapporten är en del av kursen TDDD96 — Kandidatprojekt i programvaruutveckling. Rapporten tar upp och behandlar metod och resultat av projektet som utfördes. Den tarockså upp erfarenheter som gruppmedlemmar fått genom projektets gång. Syftet med projektet var att utveckla en applikation till företaget Arboair, vilket är ett företag som står föratt skapa en friskare skog. Resultatet blev en applikation, som är en början till ett verktyg för skogsägare att analysera träd med hjälp av bilder från en drönare. Den viktigasteerfarenheten som gruppen tog med sig var att arbeta i ett mjukvaruprojekt där arbetsplaneringen stod i högt fokus.