Porównanie narzędzi do zarządzania stanem aplikacji internetowych

• Autorzy: Szymanek Kacper , Pańczyk Beata

Identyfikatory

DOI

10.35784/jcsi.2675

Warianty tytułu

EN

Comparison of web application state management tools

• Języki publikacji: PL

Abstrakty

PL

Nowoczesne aplikacje internetowe wymagają przepływu dużej ilości danych. Do utrzymania porządku w kodzie wykorzystuje się zarządcę stanu. Dzięki menadżerowi wszystkie dane mogą być pobrane z oraz trafiają w jedno miejsce. W niniejszym artykule analizie poddano cztery biblioteki do zarządzania stanem – NgRx, Ngxs, Redux, Vuex. Do badania wykorzystano pięć kryteriów: metryki kodu, strukturę rozwiązania, dostępność gotowych implementacji, wsparcie społeczności oraz przetestowano wydajnościowo. Wyniki wykazały, że nie ma narzędzia najlepszego w każdym kryterium, jednak zestawiając ze sobą otrzymane rezultaty najbardziej uniwersalnym rozwiązaniem jest Vuex.

EN

Modern web applications require flow of large amounts of data. To maintain order in code, a state manager was invented. With manager all data can be retrieved from and goes to one place. In this paper, four libraries for state management (NgRx, Ngxs, Redux, Vuex) were analyzed. Five criteria were used for the study: code metrics, solution structure, availability of ready-made implementations, community support, and performance testing. Results showed that there is not the best tool in every criterion, but when comparing the results obtained, the most universal solution is Vuex.

Słowa kluczowe

PL

zarządzanie stanem; Fluks; store

EN

management state; FLUX; store

• Wydawca: Wydawnictwo Politechniki Lubelskiej
• Czasopismo: Journal of Computer Sciences Institute
• Rocznik: 2021
• Tom: Vol. 20
• Strony: 183--188
• Opis fizyczny: Bibliogr. 12 poz., rys., tab.

Twórcy

autor

Szymanek Kacper

• Department of Computer Science, Lublin University of Technology, Nadbystrzycka 36B, 20-618 Lublin, Poland

autor

Pańczyk Beata

• Department of Computer Science, Lublin University of Technology, Nadbystrzycka 36B, 20-618 Lublin, Poland

Bibliografia

• [1] A. Kazarian, V. Teslyuk, I. Tsmots, J. Greguš, Development of a «smart» home system based on the modular structure and architectural data flow pattern Redux, Procedia Computer Science. 155 (2019), 35-42.
• [2] S. Mukhiya1, K. Hung. An Architectural Style for Single Page Scalable Modern Web Application, International Journal of Recent Research Aspects, 5(4) (2018), 6-13.
• [3] M. Kaproń, B. Pańczyk. Nowoczesne technologie tworzenia graficznego interfejsu użytkownika w aplikacjach internetowych, Journal of Computer Sciences Institute 15 (2020), 139-152.
• [4] D. Holmstedt, Analyzing and implementing a third-party state machine library for FriendlyReader and TeCST, Linköping University, Department of Computer and Information Science, Bachelor’s thesis (2019).
• [5] W. Wenhao, React Native vs Flutter, Cross-platforms mobile application frameworks, Metropolia University of Applied Sciences, Bachelor of Engineering Information technology Thesis (2018).
• [6] Porównanie flux oraz mvc https://madasamy.medium.com/flux-vs-mvc-design-pattern-de134dfaa12b [12.04.2021].
• [7] Opis czym jest flux https://jerzywickowski.pl/flux/co-to-jest-flux/, [25.03.2021].
• [8] Wprowadzenie do wzorca architektonicznego Flux, https://www.freecodecamp.org/news/an-introduction-to-the-flux-architectural-pattern-674ea74775c9/, [25.03.2021].
• [9] A. Boduch, Flux architecture, Packt Publishing Ltd (2016).
• [10] D. Bugl, Learning Redux, Packt Publishing Ltd (2017).
• [11] StackOverFlow – portal dla programistów, https://stackoverflow.com, [12.03.2021].
• [12] Trendy zapytań w latach 2009-2021 w serwisie StackOverFlow, https://insights.stackoverflow.com/trends?tags=ngrx%2Cvuex%2Credux, [11.04.2021].

Uwagi

Opracowanie rekordu ze środków MNiSW, umowa Nr 461252 w ramach programu "Społeczna odpowiedzialność nauki" - moduł: Popularyzacja nauki i promocja sportu (2021).