Full stack -kehitys : React & Spring Boot

Abstract

Tässä insinöörityössä käsitellään Full Stack -ohjelmistokehityksen perusteita ja sen toteuttamista käytännössä. Työ pohjautuu yrityksessä toteutettuun sisäiseen projektiin, jossa luotiin yksinkertainen hakusovellus hyödyntäen Reactia käyttöliittymässä, Spring Bootia taustapalvelussa, IBM Db2:ta tietokantana ja OpenShiftia konttialustana.

Työssä käydään läpi Full Stack -kehityksen eri vaiheita sekä esitellään vastaava teknologiapino ja sen ominaisuudet esimerkkikoodien kautta. Lisäksi perehdytään muun muassa komponenttipohjaiseen käyttöliittymäkehitykseen, REST-rajapintaan, tilanhallintaan Redux Toolkitin avulla sekä sovelluksen testaamiseen Jestin ja Spring Bootin testityökalujen avulla.

Insinöörityön tavoitteena on, että lukija saa kokonaisvaltaisen ymmärryksen Full Stack -kehityksestä ja kykenee työn pohjalta rakentamaan oman yksinkertaisen sovelluksen vastaavalla teknologiapinolla.

This thesis discusses the basics of Full Stack development and its practical implementation. The thesis is based on an internal project carried out within a company, in which a simple search application was created using React for the user interface, Spring Boot for the backend service, IBM Db2 as the database, and OpenShift as the container platform.

The thesis explores the different stages of Full Stack development and presents the corresponding technology stack and its features through example codes. It also examines component-based UI development, REST APIs, state management using Redux Toolkit, and application testing using Jest and Spring Boot’s testing tools.

The aim of this thesis is to provide the reader a comprehensive understanding of Full Stack development and to enable them to build their own simple application using a corresponding technology stack.