Od Rails do React: jak PriceLabs przebudował platformę dla szybkości, skalowalności i innowacji

Misja PriceLabs zawsze była prosta: pomóc menedżerom nieruchomości i gospodarzom podejmować mądrzejsze decyzje cenowe. To, co zaczęło się jako niewielka platforma oparta na Ruby on Rails, urosło do globalnej platformy, z której korzystają tysiące klientów na całym świecie.

Wzrost nie obył się jednak bez trudności. W miarę jak nasz produkt dojrzewał, a klienci oczekiwali szybszych paneli, interaktywnej analityki oraz płynnych integracji, zdaliśmy sobie sprawę, że nasz stos technologiczny nas ogranicza.

Wtedy zadaliśmy sobie pytanie: Jak budować nie tylko na dziś, ale też z myślą o dalszej przyszłości innowacji?

Odpowiedź poprowadziła nas od monolitu Ruby on Rails do nowoczesnego frontendu na React. Oto historia tego, dlaczego się na to zdecydowaliśmy, jak tego dokonaliśmy i co to oznacza dla przyszłości PriceLabs.

Dlaczego modernizacja? Czynniki biznesowe i produktowe

Presja na niezawodność i wydajność
Nasz monolit na Rails świetnie sprawdzał się na początku. Jednak wraz z dodawaniem funkcji, takich jak panele rynkowe, zaawansowana analityka i niestandardowe raporty, wydajność zaczęła spadać. Czas ładowania stron się wydłużał, zwłaszcza przy dużej ilości danych. Zauważyli to klienci, zauważyliśmy to i my.

Skupienie na doświadczeniu użytkownika
Dzisiejsi menedżerowie nieruchomości nie chcą tylko liczb — potrzebują narzędzi interaktywnych, które pozwalają im błyskawicznie analizować, filtrować i dostosowywać dane. Nasze stare rozwiązanie oparte na jQuery/HTML nie było do tego przystosowane. Wdrażanie nowych funkcji trwało dłużej, niż byśmy chcieli, co czasem opóźniało dostarczaną wartość.

Skalowanie poza monolit
Rośliśmy nie tylko pod względem liczby użytkowników, ale i złożoności. Nowe linie produktowe oraz integracje z zewnętrznymi systemami wymagały większej elastyczności. Rozdzielony system – Rails jako backend, React jako frontend – pozwolił nam skalować się horyzontalnie (nowe produkty) i wertykalnie (więcej użytkowników) bez ograniczeń.

Przyciąganie najlepszych talentów
Wreszcie strona ludzka: przejście na React otworzyło przed nami ogromną, globalną pulę talentów. Zyskaliśmy dostęp do inżynierów, dla których innowacje we frontendzie są prawdziwą pasją, a nasi dotychczasowi programiści Rails zyskali szansę na rozwój swoich umiejętności.

Jak dokonaliśmy tego skoku

Przemyślane, stopniowe podejście
Wiedzieliśmy, że nie warto zmieniać wszystkiego z dnia na dzień. Zamiast przepisywać całość metodą 'big bang', migrowaliśmy stopniowo – komponenty i strony w React działały równolegle z istniejącymi widokami Rails. Dzięki temu ograniczyliśmy zakłócenia, zachowaliśmy wartość dotychczasowego systemu i daliśmy zespołom środowisko testowe do weryfikacji każdej zmiany.

Zmierzenie się z trudnościami

• Zarządzanie dwiema bazami kodu: Utrzymywanie jednocześnie starszej i nowej bazy kodu generowało dodatkowe obciążenie i złożoność. Kluczowe znaczenie miały solidna dokumentacja, rygorystyczne kontrakty API oraz jasna komunikacja.
• Uwierzytelnianie między stosami technologicznymi: Zapewnienie płynnego uwierzytelniania między stosami wymagało nowej strategii tokenów i trwałych sesji, często koordynowanych przez biblioteki pośredniczące dostosowane zarówno do Rails, jak i React.
• Modernizacja API: Dzięki większej uwadze poświęconej kontraktom API zespoły backendowe wykorzystały okazję, aby zoptymalizować endpointy, ujednolicić obsługę błędów i wprowadzić nowe, szybkie trasy.
• CI/CD i wdrożenia: Przejście na model rozdzielony podzieliło proces wdrażania na niezależne ścieżki, dzięki czemu zespoły mogą dostarczać funkcje samodzielnie i z większą pewnością.

Transformacja zespołu
Nie chodziło tylko o kod. Inżynierowie Rails poznali nowoczesny JavaScript i React wraz z projektowaniem komponentowym, a inżynierowie frontendu zgłębili projektowanie API. Ostatecznie zyskaliśmy nie tylko nowy stos technologiczny, ale też silniejszy i bardziej elastyczny zespół.

Krzywa uczenia się była realna, podobnie jak energia zespołu – wspólna praca międzyzespołowa, spotkania typu lunch-and-learn oraz współdzielone repozytoria sprzyjały rozwojowi zespołu. Rozdzielona architektura sprzyjała innowacyjności, ponieważ każdy zespół mógł na nowo zaprojektować swoje schematy pracy i dostarczać wartość na własnych zasadach.

Wyniki

Szybciej, mądrzej, elegancko
Dziś nasze panele ładują się błyskawicznie, są bardziej interaktywne i lepiej dopasowują się do sposobu pracy menedżerów nieruchomości. Nasz Algorytm Hyper Local Pulse, na przykład, dostarcza teraz wnioski w sposób intuicyjny, szybki i praktyczny.

Realny wpływ na biznes

• Szybsze ładowanie stron = zadowoleni użytkownicy
• Interaktywne panele = większe zaangażowanie
• Szybsze wdrożenia = szybsze dostarczanie wartości

Innymi słowy, lepsza technologia bezpośrednio wspiera naszą misję pomagania klientom w maksymalizacji przychodów.

Co dalej?

Ta migracja to nie meta, lecz fundament. Dzięki React jesteśmy gotowi rozwijać się w kierunku urządzeń mobilnych, wdrażać nowe integracje i dalej dostarczać innowacje, których oczekują nasi klienci i cała branża.

Dołącz do naszej podróży

Ostatecznie chodziło o coś więcej niż zmianę frameworka. Chodziło o to, by na nowo przemyśleć sposób, w jaki tworzymy produkty – szybciej, mądrzej i z myślą o przyszłości.

Jeśli chcesz tworzyć wydajne aplikacje zorientowane na klienta, dołącz do PriceLabs. Kolejna fala innowacji dopiero się zaczyna.