React Native -toteutus käyttöjärjestelmäriippumattomalle mobiilisovellukselle listojen luomiseen ja jakamiseen

Abstract

Opinnäytetyön tavoitteena oli selvittää, miten käyttöjärjestelmäriippumatonta mobiilikehitystä voidaan hyödyntää yhteisistä pohjista tehtävien top-listojen säilömiseen. Yleisiä käyttöjärjestelmäriippumattoman mobiilikehityksen viitekehyksiä tarkastellessa luotiin selkeä yleiskuva kunkin viitekehyksen käyttötarkoituksesta. Viitekehyksistä syvemmin tutustuttiin React Nativeen, sekä yhdessä sen kanssa käytettävään Expon tukikehikkoon. Työssä seurataan mobiilisovelluksen kehityksen kulkua sovelluksen luomisesta julkaisuun asti.

Opinnäytetyön tarkoitus oli kehittää käyttöjärjestelmäriippumaton mobiilisovellus jo entuudestaan olemassa olevan web-sovelluksen pohjalta. Mobiilisovellus tarjoaa käyttäjilleen alustan, jossa top-listoja on helppo luoda, jakaa ja selata. Sovellus kehitettiin React Nativen ja Expon viitekehyksiä hyödyntäen ja sen aikana tarkasteltiin, miten mobiilisovelluksen kehitys eroaa selaimelle tarkoitetun React-sovelluksen kehityksestä.

React Native ja Expo tekevät käyttöjärjestelmäriippumattomasta mobiilikehityksestä helppoa ja suoraviivaista erityisesti pienen budjetin kehittäjille. Expon tarjoama Expo Go mahdollistaa mobiilisovelluksen testaamisen iOS-laitteella myös silloin, kun mobiilisovelluksen kehitykseen ei käytetä MacOS-laitetta. Lisäksi Expo tarjoaa pilvipalvelun, jonka kautta myös sovelluksen julkaisu on mahdollista käyttöjärjestelmästä riippumatta.

Opinnäytetyön käytännön osuuden päätteeksi mobiilisovellus julkaistiin Android-käyttöjärjestelmälle ja se siirtyi jatkokehitysvaiheeseen. Jatkokehitysvaiheen tavoitteena on julkaista mobiilisovellus sekä Android- että iOS-käyttöjärjestelmien virallisissa sovelluskaupoissa

The objective of this thesis was to discover how cross-platform mobile development can be used for storing top lists made from shared templates. The thesis provides an overview of cross-platform mobile development by examining the common frameworks and their usual use cases. React Native is taken under a closer inspection along with Expo, while following the development of a mobile application from its creation to its release.

The purpose of this thesis was to develop a cross-platform mobile application based on an already existing web application. The mobile application provides a platform where it is easy to create, share, and browse top lists created by its users. The application was created with React Native and Expo, which provides the possibility to test the application on an iOS device without using a MacOS device for the development. The differences between React applications for web and React Native application for mobile were examined during the development process.

The end product of this thesis is a mobile application developed for Android and iOS devices. The mobile application was published for Android devices. Development continues further with the aim of an official release for Android and iOS devices on their respective app stores.