Przejdź do treści
Some Say
Wszystkie realizacje
Adtech · Platforma SaaS

Szybsze decyzje na dużych zbiorach danych

Modernizacja warstwy frontendowej i przepływów danych w rozproszonej platformie adtech, używanej przez wiele domen biznesowych.

OpenX

35%+

krótszy Time to Interactive w dashboardach raportowych

Kontekst projektu

Problem, który wymagał zmiany

Dashboardy raportowe przetwarzały duże zbiory metryk reklamowych, a ich użyteczność zależała od szybkości uzyskania czytelnego obrazu danych.

Równolegle rozwijanych było kilka aplikacji React. Potrzebowały wspólnych kontraktów, komponentów i sposobu zarządzania stanem bez powielania rozwiązań między domenami.

Zakres odpowiedzialności

Od diagnozy do wdrożenia

  • 01Projektowanie współdzielonej architektury wielu aplikacji React w monorepo Nx
  • 02Prowadzenie migracji kluczowych przepływów z REST do GraphQL
  • 03Refaktoryzacja pobierania danych i wizualizacji metryk reklamowych
  • 04Współpraca z Product, UX i backendem nad kontraktami API
  • 05Wdrożenie profilowania, Lighthouse CI oraz testów integracyjnych w procesie wydawniczym
Proces

Decyzje ułożone w kontrolowany proces

  1. 01

    Diagnoza przepływów

    Profilowanie dashboardów i identyfikacja miejsc, w których pobieranie oraz transformacja danych opóźniały interakcję.

  2. 02

    Wspólna architektura

    Ujednolicenie klientów GraphQL, stanu i komponentów UI w ramach monorepo Nx.

  3. 03

    Refaktoryzacja raportowania

    Ograniczenie nadmiarowych danych i uporządkowanie logiki zapytań dla najważniejszych widoków.

  4. 04

    Kontrola regresji

    Włączenie profilowania, Lighthouse CI, Cypress i GitHub Actions do regularnej walidacji wydań.

Mierzalne rezultaty

35%+

krótszy Time to Interactive na dużych zbiorach danych

1

wspólna architektura dla wielu aplikacji React i domen biznesowych

CI/CD

wcześniejsze wykrywanie regresji wydajności i interfejsu

TypeScript · React 18 · Nx · GraphQL · Redux Toolkit · React Query · Cypress · GCP

Następny krok

Masz podobne wyzwanie? Porozmawiajmy o konkretnym rezultacie.

Napisz krótko, co dziś ogranicza produkt lub zespół. Odpowiem bezpośrednio i wskażę sensowny pierwszy krok.

Porozmawiajmy o projekcie

Następna realizacja

Automatyzacja odporna na zaawansowane zabezpieczenia

Some Say · Aleksander Szmigiel

Masz trudny problem techniczny?

Napisz do mnie