AJAX-pyynnöt React-sovelluksessa

Abstract

Nykyaikaiset verkkosovellukset keskustelevat palvelimen kanssa AJAX-pyyntöjen avulla. Opinnäytetyön tavoitteena oli selvittää, kuinka AJAX-pyyntöjä tulisi tehdä React-sovelluksessa ja miten pyyntöjen tilanhallintaa voitaisiin helpottaa. Tarkoituksena oli tutustua olemassa oleviin menetelmiin ja kehittää avoimen lähdekoodin ohjelmointikirjasto vastaamaan nykyisten menetelmien ongelmiin.

Opinnäytetyön tuloksena npm-pakettirekisteriin julkaistiin React With Requests -ohjelmointikirjasto. Se tarjoaa työkalut AJAX-pyyntöjen määrittelyyn ja hyödyntämiseen React-komponenteissa. Ohjelmointikirjaston rakentamisen lisäksi opinnäytetyössä kerättiin tietoa myös muista menetelmistä AJAX-pyyntöjen hallintaan liittyen. Näistä menetelmistä merkittävimpänä esille nousi opinnäytetyön kirjoittamisen hetkellä vielä julkaisematon React Suspense -ominaisuus.

React With Requests -kirjaston voidaan katsoa onnistuneen hyvin. Se on asennettu npm-pakettirekisteristä yli 200 projektiin opinnäytetyön kirjoittamisen hetkellä. React Suspense -ominaisuuden odotetaan yhtenäistävän React-sovellusten AJAX-pyyntöihin liittyvää logiikkaa. Tämä on opinnäytetyön tekijän mielestä hyvä asia, vaikkakin se todennäköisesti vähentää samalla React With Requests -kirjaston merkitystä tulevaisuudessa.

The objective of the thesis was to find out how AJAX requests can be utilised in web based React applications, and how the process of handling the request state can be made easier. The purpose was to get a better understanding of the existing solutions, and to create a new open source library to address the issues of these existing methods.

As a result of the thesis, a package called React With Requests was published in the npm package registry. In addition to building the library, information was gathered on other methods of handling AJAX requests in React applications. The most prominent of these methods was React Suspense, a new feature of React that is yet to be published at the time of writing the thesis.

React With Requests can be considered a success. React Suspense, the upcoming feature in React, is expected to change how handling AJAX requests in React applications will happen in the future. It is most likely going to unify the way AJAX requests are utilised inside of React components. This can be seen as a positive thing even though it will likely make React With Requests a less relevant library in the future.