React-komponenttien jakaminen sovellusten kesken : yksityiset Node.js-paketit

Abstract

Verkkosovelluksia kehitetään joka päivä yhä useampaan tarkoitukseen, joten koodia syntyy paljon ja sama kehittäjä voi olla vastuussa useasta eri verkkosovelluksesta. Esimerkiksi samaan sovellusverkkoon kuuluvien verkkosovellusten välillä saattaa olla paljon samanlaisia komponentteja, kuten kirjautumisnäkymiä tai alatunnisteita. Tällaisen koodin kopioiminen sovelluksesta toiseen ei kuitenkaan ole kestävä ratkaisu, sillä löydetyt ongelmat ja tehdyt muutokset tulee yhtäkkiä muistaa tehdä useaan eri sovellukseen.

Tässä opinnäytetyössä luodaan React verkkosovelluksen osista eli komponenteista Node.js-paketteja, jolla kyseistä komponenttia voidaan käyttää toisessa sovelluksessa, sekä esitetään kaksi eri tapaa jakaa ja hallinnoida näitä komponentteja. Lisäksi työssä käydään läpi modulaarista verkkokehitystä ja selitetään, miksi verkkosovellus on hyvä kehittää modulaarisesti.

As technology and the processing power of our devices improve, we start developing web applications for more and more purposes, and especially large webs of web-applications could eventually suffer some overlap in the need for code and function. Components of web-applications such as Login views or footers could easily be reused with minor changes, but simply copying these files over would create a gap in maintainability. Suddenly any bug fixes or changes made to one such component should be made to all of them, which can be an extremely time-consuming task the more that piece of code was re-used.

This thesis will explain how to create and maintain Node.js-packages from pieces or ’components’ of your React-software, which can be used to move that component from one web-application to another and presents two different ways of privately sharing these packages between applications to re-use that piece of code. We will also explain modular development, as well as how and why web-applications should be built modularly.