← Wszystkie wybrane projekty

Szczegóły projektu

State Management Benchmark

Historyczny eksperyment przeglądarkowy porównujący typowe operacje na tabeli danych w aplikacjach React, Svelte, Vue i Angular.

DojrzałośćIteracja
  • React
  • Svelte
  • Vue
  • Angular
  • Web Performance API
Zobacz kod w przejrzanej rewizji

Pytanie badawcze

Ten historyczny projekt pokazuje, jak implementacje w kilku frameworkach obsługują te same operacje na interaktywnej tabeli. Repozytorium zawiera aplikacje React, Svelte, Vue i Angular z przyciskami do tworzenia, dodawania, wczytywania, aktualizowania, zamiany, zaznaczania i usuwania wygenerowanych wierszy.

Metoda pomiaru

Aplikacje oznaczają i mierzą operacje interfejsu za pomocą przeglądarkowego Performance API. Zbierają również dane o nawigacji, zasobach, renderowaniu i — jeśli jest dostępna — pamięci. Czasy operacji można wyeksportować do CSV. To zapis eksperymentu, a nie aktualny ranking frameworków.

Status i ograniczenia

Aktywność repozytorium przypada na lata 2021–2022. Dostępne materiały nie opisują powtarzalnego protokołu dla różnych przeglądarek ani kontrolowanego środowiska, nie zawierają opublikowanych wyników porównawczych, a implementacje korzystają z różnych wersji frameworków. Nie wyciągam więc z tego projektu wniosków o zwycięzcy wydajności ani o obecnej przewadze któregoś frameworka.