Zalety i wady React Native dla deweloperów i właścicieli firm

React Native, obok Fluttera i Ionica, zmienił ekonomikę tworzenia aplikacji wieloplatformowych. Jedna baza kodu wdrażana na iOS i Androida, a przy tym z natywnym wyglądem i działaniem? To naprawdę mocna propozycja.

React Native opiera się na zasadzie „Learn once, write anywhere”. Otrzymujesz natywny efekt zarówno na iOS, jak i Androidzie, a gdy wymaga tego sytuacja, nadal możesz uwzględnić moduły specyficzne dla danej platformy.

Dla dewelopera z doświadczeniem w JavaScripcie — zwłaszcza w React — rozpoczęcie pracy z React Native i tworzenie w tym frameworku jest naprawdę proste.

Monterail stworzył Guild w React Native — aplikację do budowania zaangażowania zespołu, wyróżnioną przez Red Herring jako jeden ze 100 najlepszych europejskich startupów 2019 roku. W tym artykule pokazujemy zarówno perspektywę deweloperów, jak i biznesu. React Native ma wyraźne zalety i realne ograniczenia, a zrozumienie obu stron pomaga podjąć właściwą decyzję w twoim projekcie.

Biznesowa perspektywa React Native

W przeciwieństwie do niektórych frameworków wieloplatformowych, Ionic włącznie z nim, zespół Meta stworzył React Native z myślą o uwzględnianiu różnic między platformami. Nadal możesz dodawać moduły specyficzne dla iOS i Androida — paski stanu, nawigację, natywne elementy, takie jak aparat czy kontakty — tworzone zgodnie z konwencjami każdej platformy.

React Native for Web rozszerza bazę kodu React Native na przeglądarkę, więc jeden zespół może rozwijać aplikacje na iOS, Androida i web bez utrzymywania trzech osobnych baz kodu.

Jedno ważne zastrzeżenie: korzystanie z React Native nie oznacza, że nigdy nie będziesz potrzebować dewelopera natywnego. Jeśli twoja aplikacja obejmuje wiele różnych funkcji specyficznych dla danej platformy, część prac natywnych może nadal być konieczna.

Korzyści przy budowie zespołu

Twój frontend web developer może zostać mobile developerem bez nauki Swifta na iOS czy Kotlina na Androida. Przy pewnej znajomości natywnych elementów UI, wzorców React i konwencji charakterystycznych dla poszczególnych platform React Native można opanować całkiem szybko. To realnie wpływa na budowę zespołu: zamiast zatrudniać osobnych specjalistów od iOS, Androida i webu, zatrudniasz deweloperów JavaScript, którzy potrafią dostarczać rozwiązania na wszystkie platformy.

Code review staje się prostszy, transfer wiedzy przebiega szybciej, a koszt onboardingu jest niższy. React Native przenosi tempo tworzenia aplikacji webowych do wieloplatformowego mobile, zapewniając natywne rezultaty.

Wydajność

Aplikacje natywne wciąż wyznaczają teoretyczny pułap wydajności. W praktyce jednak aplikacje React Native są wystarczająco blisko tego poziomu dla zdecydowanej większości kategorii produktów. Jak zauważył John Calderaio w szeroko cytowanym w 2017 roku porównaniu wydajności iOS i React Native, oba rozwiązania osiągały niemal identyczne wyniki pod względem CPU, GPU i pamięci (przy czym React Native wypadał lepiej w dwóch z trzech kategorii).

React Native znacząco rozwinął się od 2017 roku. New Architecture (renderer Fabric i TurboModules), wprowadzona w React Native 0.68+, eliminuje most JavaScript na rzecz bezpośrednich powiązań JSI (JavaScript Interface), co znacząco zmniejsza opóźnienia przy wywołaniach modułów natywnych. Dla większości aplikacji biznesowych różnica wydajności względem aplikacji natywnych nie ma istotnego znaczenia.

Idealne projekty dla właścicieli firm

React Native to właściwy wybór, gdy potrzebujesz:

• Równocześnie wdrożyć aplikację na iOS i Androida bez utrzymywania dwóch osobnych baz kodu

• Działać szybko: deweloperzy JavaScript mogą osiągnąć produktywność w React Native w ciągu kilku dni

• Utrzymać mały, spójny zespół pracujący na wszystkie platformy

• Tworzyć aplikacje o umiarkowanej złożoności, np. e-commerce, funkcje społecznościowe, feedy treści, dashboardy, procesy rezerwacji, aplikacje komunikacyjne

• Korzystać z modelu komponentowego React, jeśli masz już w zespole web developerów React

React Native nie sprawdzi się najlepiej, gdy aplikacja intensywnie wykorzystuje grafikę (gry, renderowanie 3D w czasie rzeczywistym), wymaga głębokiej integracji ze sprzętem, niedostępnej przez istniejące moduły natywne, albo gdy zachowanie specyficzne dla danej platformy tak bardzo różni się między iOS a Androidem, że współdzielona baza kodu wprowadza więcej problemów, niż ich eliminuje.

Alternatywy dla właścicieli firm

Perspektywa developera na React Native

React Native różni się od Reacta webowego, ale działa na tych samych zasadach. Dostajesz wszystko, czego potrzebujesz, żeby od razu zacząć pisać kod. Nie tracisz czasu na konfigurowanie bundlerów ani ocenianie dostępnych modułów, zanim w ogóle zaczniesz.

Hot/Live Reload to kluczowa funkcja, jeśli chodzi o codzienne tempo pracy. Zmiany widać od razu, bez pełnej przebudowy. Nie trzeba ciągle restartować aplikacji, żeby zobaczyć efekt wprowadzonych zmian, co znacząco przyspiesza iterację i skraca czas oczekiwania na kompilację.

W przypadku typowych elementów UI — przewijania, animacji, przycisków czy pól tekstowych — React Native oferuje dobrze zaprojektowany zestaw komponentów, który niezawodnie obsługuje podstawowe potrzeby. Korzystanie z nich jest wyraźnie prostsze niż tworzenie natywne, a model myślenia przenosi się bezpośrednio z Reacta webowego.

Dodawanie modułów natywnych nie zawsze jest proste

Ekosystem npm dla React Native jest rozbudowany, ale jego jakość bywa nierówna. Biblioteki zewnętrzne do obsługi czujników urządzenia, powiadomień push, Bluetooth i innych natywnych funkcji różnią się poziomem utrzymania. Czasem może się okazać, że trzeba napisać własny moduł natywny albo dostosować istniejący.

Jak zauważyła Sophie Alpert we wcześniejszym wpisie State of React Native:

„Pracujemy nad zakrojoną na szeroką skalę przebudową architektury React Native, aby framework był bardziej elastyczny i lepiej integrował się z natywną infrastrukturą w hybrydowych aplikacjach JavaScript/natywnych.”

Ta przebudowa architektury — dziś znana jako New Architecture — została udostępniona jako stabilna w React Native 0.76 (październik 2024). Renderer Fabric i TurboModules zastępują bridge mechanizmem JSI, dzięki czemu integracja modułów natywnych jest szybsza i bardziej niezawodna. Znacząco urosła też sama społeczność: dziś React Native jest rozwijany nie tylko przez Meta, ale też dzięki wkładowi firm Callstack, Expo, Infinite Red, Microsoft i Software Mansion.

Idealne projekty dla programistów

React Native najlepiej sprawdza się, gdy chcesz:

• Tworzyć produkcyjne aplikacje mobilne z użyciem JavaScriptu i wzorców Reacta, które już znasz

• Tworzyć aplikacje na iOS i Androida z jednej bazy kodu, bez przełączania się między Swiftem a Kotlinem

• Pracować w monorepo JS/TS, w którym aplikacje mobilne i webowe współdzielą logikę biznesową oraz narzędzia pomocnicze

• Szybko dostarczać aplikacje na obie platformy i iterować na podstawie opinii użytkowników

• Korzystać z Expo i jego zarządzanego workflow, który przejmuje złożoność modułów natywnych w najczęstszych przypadkach użycia

React Native sprawdza się gorzej, gdy tworzysz interfejsy mocno zależne od platformy, działające bardzo różnie na iOS i Androidzie, gdy potrzebujesz wydajności graficznej wykraczającej poza możliwości JSI — na przykład w grafice 3D czasu rzeczywistego czy grach — albo gdy potrzebny ci moduł natywny nie ma utrzymywanego wrappera dla React Native.

Alternatywy dla programistów

Kiedy wybrać Expo zamiast czystego React Native: Zarządzany workflow Expo zajmuje się konfiguracją warstwy natywnej, więc w większości przypadków nie potrzebujesz Xcode ani Android Studio. 

Wybierz czysty React Native, gdy potrzebujesz niestandardowego modułu natywnego, którego nie ma w Expo SDK, albo gdy projekt wymaga głębokiej personalizacji warstwy natywnej. 

Wiele zespołów zaczyna od Expo, a następnie przechodzi na czysty React Native wraz ze wzrostem wymagań.

Doświadczenie Monterail w React Native

Monterail tworzył produkcyjne aplikacje w React Native w wielu kategoriach produktowych.

Aplikacja do angażowania pracowników Guild została zbudowana w React Native i w 2019 roku została uznana przez Red Herring za jeden ze 100 najlepszych startupów w Europie. Platforma rowerów współdzielonych Beryl powstała z myślą o obsłudze setek tysięcy jednoczesnych użytkowników w miastach Wielkiej Brytanii — to przypadek, w którym charakterystyka wydajności React Native i jego zasięg międzyplatformowy sprawiły, że od pierwszego dnia był to właściwy wybór architektoniczny.

Jeśli rozważasz React Native dla nowego projektu mobilnego, zespół mobile development Monterail pomoże ci ocenić, czy lepszym wyborem będzie React Native, Flutter czy rozwój natywny, i zrealizować projekt w każdym z tych wariantów.