Analiza porównawcza szkieletów programistycznych React, Next oraz Gatsby do tworzenia aplikacji typu SPA

• Autorzy: Świątkowski Adam , Ścibior Karol

Identyfikatory

DOI

10.35784/jcsi.2972

Warianty tytułu

EN

Comparative analysis of React, Next and Gatsby programming frameworks for creating SPA applications

• Języki publikacji: PL

Abstrakty

PL

W niniejszym artykule przeprowadzono analizę wydajnościową jednych z najpopularniejszych szkieletów programistycznych opartych na bibliotece React. Celem badania było wykazanie, która z technologii wykorzystywanych do tworzenia części wizualnych aplikacji internetowych jest najwydajniejsza. Badanie przeprowadzono z wykorzystaniem 3 aplikacji reprezentujących tę samą treść badawczą, ale opartych na tytułowych technologiach typu front-end. W celu oceny wydajności wykorzystano narzędzia deweloperskie przeglądarek internetowych oraz biblioteki React dzięki czemu dowiedziono, że czysty React jest najwydajniejszy przy generowaniu stron o dużej liczbie danych

EN

This article presents a performance analysis of some of the most popular development frameworks based on the React library. The aim of the study was to show which of the technologies used to create the visual parts of web applications is the most efficient. The research was conducted with the use of 3 applications representing the same research content but based on the above-mentioned frontend technologies. In order to evaluate the performance, web browser development tools and React library were used, which proved that vanilla React is the most efficient for rendering pages with a lot of data.

Słowa kluczowe

PL

SPA; React; Next; Gatsby

EN

SPA; React; Next; Gatsby

• Wydawca: Wydawnictwo Politechniki Lubelskiej
• Czasopismo: Journal of Computer Sciences Institute
• Rocznik: 2022
• Tom: Vol. 24
• Strony: 224--227
• Opis fizyczny: Bibliogr. 11 poz., rys.

Twórcy

autor

Świątkowski Adam

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

autor

Ścibior Karol

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

Bibliografia

• 1. E. Scott, SPA Design and Architecture: Understanding Single Page Web Applications, Manning Publications, 2015.
• 2. Dokumentacja React, https://pl.reactjs.org/docs/getting-started.html, [22.04.2022].
• 3. Dokumentacja Next, https://nextjs.org/docs, [22.04.2022].
• 4. Dokumentacja Gatsby, https://www.gatsbyjs.com/docs/, [22.04.2022].
• 5. CRA vs Gatsby vs Next, https://www.sensilabs.pl/2020/12/15/create-react-app-vs-gatsby-js-vs-next-js/, [22.04.2022].
• 6. Biblioteka Hoaxer, https://www.npmjs.com/package/hoaxer, [22.04.2022].
• 7. Przeglądarka internetowa Brave, https://brave.com/, [22.04.2022].
• 8. J. Wagner, Web Performance in Action: Building Faster Web Pages, Manning Publications, 2017.
• 9. C. R. Adams, Mastering JavaScript High Performance, Packt Publishing, 2015.
• 10. R. Nowacki, M. Plechawska-Wójcik, Analiza porównawcza narzędzi do budowania aplikacji Single Page Application - AngularJS, ReactJS, Ember.js, Journal of Computer Sciences Institute 2 (2016) 98-103.
• 11. A. M. Vipul, P. Sonpatki, ReactJS by Example - Building Modern Web Applications with React, 2016.