React Native -sovelluskehitys

Abstract

Opinnäytetyössä tutustuttiin alustariippumattomaan mobiilikehitykseen React Nativen näkökulmasta. Siinä tarkasteltiin myös mikä aiheutti tarpeen alustariippumattomalle kehitykselle ja miten React Native sen toteuttaa.

Opinnäytetyön alussa tutustuttiin Reactiin yleisellä tasolla, kuten kuinka React sai syntynsä ja kuinka React ja React Native liittyvät toisiinsa. Työssä pohdittiin mitä hyötyjä Reactissa on sovelluskehittäjän sekä loppukäyttäjien näkökulmasta, sekä pureuduttiin tarkemmin, kuinka kehittäjä voi saavuttaa nämä hyödyt. Työssä vertailtiin eri alustariippumattomia viitekehyksiä ja esitettiin perusteluita, miksi React Native on usein hyvä vaihtoehto projektin kehitysteknologiaksi. Tämän jälkeen tutustuttiin kehittäjän näkökulmasta olennaisiin asioihin, kuten kehitysympäristön asennukseen, React Nativen koodiasuun sekä mahdollisiin rajoitteisiin. Lopuksi selvitettiin React Native-komponenttien tilanhallintaa.

Opinnäytetyön aikana toteutettiin asiakkaalle Android- ja iOS-laitteilla toimiva mobiilisovellus, jonka tarkoituksena on helpottaa loppukäyttäjien ajanhallintaa. Opinnäytetyöraportissa ei esitellä tätä sovellusta, vaan keskitytään React Nativen teoriaosuuteen, tavoitteena tuottaa aloitteleville mobiilikehittäjille mahdollisuus tutustua React Nativeen.

The topic of this thesis is to explore cross-platform mobile development from the perspective of React Native. The thesis also examines what causes the need for cross-platform development and how React Native achieves this.

At the beginning of the thesis, React is introduced on a general level, including how React was created and how React and React Native are related. The thesis discusses the benefits that React brings to both application developers and end-users, and delves into how these benefits can be achieved by developers. The thesis compares different cross-platform frameworks and presents arguments as to why React Native is often a good choice for a development technology in a project. After this, essential aspects are examined from the developer's perspective, such as installation of the development environment, React Native syntax, and possible limitations. Finally, the state management of React Native components is explored.

During the thesis, a mobile application was developed for Android and iOS devices for a client, whose purpose is to facilitate time management for end-users. This document does not present this application, but focuses on getting beginners in mobile development to familiarize themselves with React Native by providing an easy starting point to explore React Native theory.