Comparison of asynchronous code solutions within JavaScript
Mishima, Claudia (2021)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2021053112721
https://urn.fi/URN:NBN:fi:amk-2021053112721
Tiivistelmä
Asynchronous solutions in web application is important as the applications are more complex and users are requiring more performance from web applications.
Using asynchronous JavaScript code solutions within JavaScript is important as JavaScript is a single-thread scripting language and does not do tasks asynchronously as default. JavaScript webb APIs does offer asynchronous functions that enables asynchronosity. Using these correctly requires more lines of codes. If used wrong, they can contribute to technical debt in the long run. JavaScritp library, RxJS Observables and its operators is like lodash for events and offers a standardised way to handle data and events asynchronously.
Purpose is to show and compare different asynchronous solutions that JavaScript webb APIs and RxJS’s Observables and operators does offer. Thesis focus is front-end oriented so back-end implementation is limited and we do not deep-dive into the development environments.
We will compare the different functions, investigate how they work and what could be their use-cases. In the end there will be different code samples and examples.
JavaScript webb APIs has following functions that can be used asynchronously: Callbacks, Event listeners, Promise, AbortSignal, Async / Await and generators. These can be used to improve web applications performance but requires more work and input in order to avoid technical debt.
JavaScript library, RxJS and Observables offers a standardised way to handle data and events asynchronously without having to maintain the middlewares yourself.
JavaScript webb APIs are great as it’s in-built into the browser. Further development and applying new features takes more expertise, time and resources. RxJS has a steep learning curve and requires investment in competence development in order to use it on production level but it pays off in the long run as big changes can be done within a short period of time compared to JavaScript webb APIs. Asynkroniska lösningar inom webbapplikationer är viktigt eftersom applikationerna är mer komplexa och användarna kräver mera utav webbapplikationens prestanda.
Användning av asynkroniska JavaScript kodlösningar inom JavaScript är viktigt eftersom JavaScript är en-trådad skriptspråk. Detta innebär att JavaScript utför inte asynkron som standard. JavaScript webbb APIer erbjuder asynkroniska funktioner som möjliggör asynkron. Användning av dess kräver mera rader kod. Om det används fel kan det kontribuera teknisk skuld i längden. JavaScript biblioteket, RxJS Observables och dens operatörer är som lodash för events och erbjuder ett standardiserat sätt och handskas med data och eventter asynkront.
Syftet med arbetet är att visa och jämföra olika asynkroniska lösningar som JavaScript webbb APIer och RxJS Observables och dess operatörer kan erbjuda. Arbetets focus är front-end orienterat vilket innebär att back-end implementationerna är begränsat och vi går inte in på utvecklings omgivningarna.
I arbetet jämförs de olika funktioner, undersöker hur de fungerar och vad är deras användningsfall. I slutet finns det olika kodprover och exemplar.
JavaScript webbb Apier har följande funktioner som kan användas asynkront: Callbacks, Event Listeners, Promise, AbortSignal, Async / Await och generatörer. Dessa can användas för att förbättra webb applikationens performans, men kräver mera arbete och input för att undvika tekniska skulder.
JavaScript biblioteket, RxJS och Observables erbjuder ett standardiserat sätt och handskas med data och eventter asynkront utan att behöva upprätthåla mellavarorna själv.
JavaScript webbb APIer är bra eftersom det är inbyggda in i webbläsaren. Vidare utveckling och tillämpningar av nya egenskaper tar mera expertis, tid och resurser. RxJS har en brant inlärningskurva och kräver mera investeringar på kompetens utveckling för att kunna använda RxJS på produktionsnivå, men detta löner sig i längden eftersom man möjliggör stora ändringar inom en kort tid jämfört med JavaScript webbb APIer.
Using asynchronous JavaScript code solutions within JavaScript is important as JavaScript is a single-thread scripting language and does not do tasks asynchronously as default. JavaScript webb APIs does offer asynchronous functions that enables asynchronosity. Using these correctly requires more lines of codes. If used wrong, they can contribute to technical debt in the long run. JavaScritp library, RxJS Observables and its operators is like lodash for events and offers a standardised way to handle data and events asynchronously.
Purpose is to show and compare different asynchronous solutions that JavaScript webb APIs and RxJS’s Observables and operators does offer. Thesis focus is front-end oriented so back-end implementation is limited and we do not deep-dive into the development environments.
We will compare the different functions, investigate how they work and what could be their use-cases. In the end there will be different code samples and examples.
JavaScript webb APIs has following functions that can be used asynchronously: Callbacks, Event listeners, Promise, AbortSignal, Async / Await and generators. These can be used to improve web applications performance but requires more work and input in order to avoid technical debt.
JavaScript library, RxJS and Observables offers a standardised way to handle data and events asynchronously without having to maintain the middlewares yourself.
JavaScript webb APIs are great as it’s in-built into the browser. Further development and applying new features takes more expertise, time and resources. RxJS has a steep learning curve and requires investment in competence development in order to use it on production level but it pays off in the long run as big changes can be done within a short period of time compared to JavaScript webb APIs.
Användning av asynkroniska JavaScript kodlösningar inom JavaScript är viktigt eftersom JavaScript är en-trådad skriptspråk. Detta innebär att JavaScript utför inte asynkron som standard. JavaScript webbb APIer erbjuder asynkroniska funktioner som möjliggör asynkron. Användning av dess kräver mera rader kod. Om det används fel kan det kontribuera teknisk skuld i längden. JavaScript biblioteket, RxJS Observables och dens operatörer är som lodash för events och erbjuder ett standardiserat sätt och handskas med data och eventter asynkront.
Syftet med arbetet är att visa och jämföra olika asynkroniska lösningar som JavaScript webbb APIer och RxJS Observables och dess operatörer kan erbjuda. Arbetets focus är front-end orienterat vilket innebär att back-end implementationerna är begränsat och vi går inte in på utvecklings omgivningarna.
I arbetet jämförs de olika funktioner, undersöker hur de fungerar och vad är deras användningsfall. I slutet finns det olika kodprover och exemplar.
JavaScript webbb Apier har följande funktioner som kan användas asynkront: Callbacks, Event Listeners, Promise, AbortSignal, Async / Await och generatörer. Dessa can användas för att förbättra webb applikationens performans, men kräver mera arbete och input för att undvika tekniska skulder.
JavaScript biblioteket, RxJS och Observables erbjuder ett standardiserat sätt och handskas med data och eventter asynkront utan att behöva upprätthåla mellavarorna själv.
JavaScript webbb APIer är bra eftersom det är inbyggda in i webbläsaren. Vidare utveckling och tillämpningar av nya egenskaper tar mera expertis, tid och resurser. RxJS har en brant inlärningskurva och kräver mera investeringar på kompetens utveckling för att kunna använda RxJS på produktionsnivå, men detta löner sig i längden eftersom man möjliggör stora ändringar inom en kort tid jämfört med JavaScript webbb APIer.