21 najlepszych aplikacji mobilnych firm i startupów w React Native [AKTUALIZACJA 2023]

W 2023 roku React Native pozostaje czołowym frameworkiem, który naprawdę dowozi obietnicę wieloplatformowego tworzenia natywnych aplikacji. Choć na scenie technologicznej jest stosunkowo nowy, skutecznie przyjęły go firmy od raczkujących startupów po wielkie korporacje z różnych branż. Podkreśla to jego wszechstronność i rosnące zaufanie do jego możliwości w budowaniu solidnych aplikacji mobilnych.

Mówiąc prościej, React Native łączy zalety aplikacji natywnych i hybrydowych. Średnio wersje tej samej aplikacji na iOS i Androida współdzielą 60-70% kodu, co znacznie przyspiesza prace. Do tego daje doświadczenie zbliżone do natywnego.

Ale dlaczego wielcy gracze, tacy jak Discord czy Walmart, decydują się na React Native w swoich aplikacjach mobilnych? Przeczytaj ich historie, żeby się dowiedzieć i zainspirować!

Chcesz wiedzieć jeszcze więcej o tworzeniu aplikacji mobilnych w React Native? Przygotowaliśmy kompleksowy przewodnik po naszym ulubionym frameworku do tworzenia aplikacji mobilnych 👇

Dlaczego React Native to świetny wybór do aplikacji mobilnych

Poniższa lista powstała na podstawie doświadczeń różnych firm tworzących w React Native. Da Ci pełny obraz możliwości RN. Podzieliliśmy je na dwie grupy - zalety z perspektywy biznesowej i z perspektywy programistycznej.

Zalety z perspektywy biznesowej

• Szybkość i koszt wytworzenia. Firmy tworzące aplikacje natywne uwielbiają w Reakcie to, że mogą ponownie wykorzystywać komponenty zbudowane wcześniej. Mamy tu też świetny ekosystem React Native, w którym firmy mogą dzielić się swoim kodem i pracować szybciej.
• Zamiana projektów webowych w aplikacje mobilne. Pracę wykonaną na tej platformie łatwo zrozumieć i każdy sobie z nią poradzi, nawet jeśli wcześniej tego nie robił. Zwiększa to elastyczność i sprawia, że aktualizacje w sieci są spójne.
• Doświadczenie użytkownika. Dopóki nie stosujesz wyjątkowo złożonych projektów i interakcji ani nie tworzysz ciężkiej gry, wciąż możesz budować wydajne aplikacje z absolutnie świetnym doświadczeniem użytkownika.
• Szybsze wejście na rynek. Możesz dużo szybciej wejść na rynek, przetestować MVP, zebrać opinie i dostosować się do nich - bez dużej inwestycji.
• Pomoc na żądanie. Społeczność tworząca aplikacje mobilne w React Native jest ogromna. Wiele problemów, na które możesz trafić przy budowie, ktoś już gdzieś rozwiązał. To znacząco obniża koszty.
• Koszt utrzymania. Masz do czynienia tylko z jedną bazą kodu. Do tego aplikacje łatwo umieścić w AppStore i Play Store. Inaczej niż PWA.
• Płynniejszy i szybszy interfejs niż w klasycznych hybrydach. Interfejs zbudowany w React Native jest bardzo responsywny i elastyczny.
• Aktualizacje over the air (OTA). Pozwalają wysyłać szybkie poprawki prosto do użytkowników, bez czekania, aż App Store czy Google Play zaakceptuje nasze zmiany.

Zalety z perspektywy programistycznej

• Łatwa praca. Doświadczeni programiści na pewno docenią pracę nad aplikacjami mobilnymi. Sensowne komunikaty o błędach, oszczędność czasu i solidne narzędzia sprawiają, że to wybór lepszy niż inne platformy.
• Podgląd zmian. Nie musisz w kółko przebudowywać aplikacji, żeby zobaczyć swoje zmiany. To oszczędza mnóstwo czasu i sprawia, że praca jest szybka i efektywna. Naciśnij Command + R, żeby odświeżyć aplikację.
• Szybkie pętle iteracji które po prostu dokładają wartości.
• Inteligentne narzędzia do debugowania i mechanizmy raportowania błędów. Dają przewagę nad innymi i pozwalają programistom skupić się bardziej na produktywnej części pracy.
• Łatwiejsze debugowanie. Domyślnie używany jest Flipper.
• Utrzymywanie minimalizmu i przyzwoitości. Nie zmusza Cię do pracy w Xcode ani Android Studio - odpowiednio dla aplikacji na iOS i Androida.
• Duża społeczność programistów którzy współtworzą go dzień w dzień.
• Wielokrotne użycie kodu. Firmy tworzące aplikacje natywne mogą łatwo zintegrować 90% frameworka natywnego i wykorzystać kod ponownie na dowolnej platformie. Ta cecha nie tylko oszczędza czas, ale też pomaga obniżyć koszt budowy dwóch aplikacji. Fajne jest to, że kodu aplikacji webowej (napisanej w React) możesz użyć w aplikacjach mobilnych.
• Gotowe komponenty. Dostępnych jest mnóstwo bibliotek open source, które przyspieszą Twoją pracę.
• Funkcja live reload. Pomaga skompilować i odczytać plik od miejsca, w którym programista wprowadził zmiany. Nowy plik trafia potem do symulatora, który automatycznie czyta go od początku.
• Zgodny z wtyczkami zewnętrznymi i nie wymaga dużo pamięci do przetwarzania. Nie jest potrzebna żadna specjalna funkcjonalność web view, a moduły natywne łączy z wtyczką framework. Kluczowe cechy tego rozwiązania to płynniejsze działanie i szybsze ładowanie.
• Expo to świetne narzędzie do szybkiego tworzenia aplikacji na wiele platform, z mnóstwem gotowych bibliotek w SDK.
• Jedna baza kodu na wszystko. Możliwość utrzymywania tylko jednej bazy kodu, żeby uruchomić projekt na Androidzie, iOS i w przeglądarce.
• Tryb demo. Korzystając z Expo, możesz przygotować demo dla klienta bez wrzucania aplikacji do Testflight czy Google Store. Potrzebna jest tylko aplikacja Expo na urządzeniu mobilnym.

Wady

• Wydajność wciąż niższa niż natywna. React Native nie wykorzysta w pełni zalet i potencjału konkretnej platformy. Aplikacje natywne potrafią z kolei naprawdę zmaksymalizować funkcjonalność, a w efekcie dać najlepsze doświadczenie użytkownika. Trwają jednak intensywne prace nad wydajnością RN - powstał na przykład nowy silnik JS, Hermes, dzięki któremu aplikacje działają dużo szybciej na starszych urządzeniach z Androidem.
• Nieefektywny design.  Jeśli uważasz, że złożony design albo rozbudowane interakcje są ważną częścią Twojej przewagi biznesowej, zdecydowanie postaw na własne, natywne tworzenie aplikacji mobilnych.
• Własne moduły. Wiele gotowych modułów jest już dostępnych, ale mogą pojawić się konkretne potrzeby, dla których komponent trzeba będzie napisać samemu od zera.
• Problemy z aktualizacjami. Trudno cały czas utrzymywać aplikację w najnowszej wersji React Native. Aktualizacja wersji RN to w większości przypadków złożony proces.
• Jeśli budujesz aplikację webową w React Native, musisz pozbyć się wszystkich bibliotek korzystających z modułów natywnych.

1. Facebook – twórcy React Native

Z oczywistych powodów Facebooka trzeba wymienić pierwszego. React Native powstał w tym gigancie mediów społecznościowych podczas jednego z hackathonów i to właśnie ta firma jest główną siłą napędową rozwoju frameworka.

Celem było przeniesienie zalet tworzenia stron - takich jak krótkie iteracje - do świata mobile. Pierwotnie React Native wykorzystano w wersji aplikacji Facebooka na iOS, ale dziś odpowiada też za interfejs na Androidzie. Sporą rolę odegrał też pomysł, żeby mieć jeden zespół deweloperski Reacta zamiast dwóch.

Części aplikacji oparte na React Native są nieustannie optymalizowane. Na przykład Event Dashboard działa dwa razy szybciej niż na początku.

“React Native pozwala budować aplikacje na iOS i Androida w JavaScripcie z użyciem React i Relayoraz ich deklaratywnego modelu programowania. Prowadzi to do zwięźlejszego, łatwiejszego do zrozumienia kodu, szybkiej iteracji bez cyklu kompilacji i łatwego współdzielenia kodu między platformami. Możesz wydawać szybciej i skupić się na detalach, które naprawdę mają znaczenie, dzięki czemu Twoja aplikacja wygląda i działa fantastycznie. Optymalizacja wydajności to duża część tej pracy.”

Pieter De Baets, Software Engineer w Facebooku

2. Facebook Ads – pierwsza wieloplatformowa aplikacja w React Native

Aplikacja Facebooka nie była pierwszą stworzoną w React Native - była nią aplikacja Facebook Ads. Wydana najpierw na Androida (potem na iOS), była pierwszą wieloplatformową aplikacją w historii React Native.

Aplikacja Facebook Ads pozwala prowadzić i przeglądać płatne kampanie marketingowe z poziomu smartfona. To wyjątkowo przydatne narzędzie dla marketerów internetowych na całym świecie.

React Native idealnie pasował do tej aplikacji. Jest ona wyjątkowo złożona - obsługuje różne formaty reklam, waluty, formy płatności i strefy czasowe.

Ogólnie zespół dowiózł znakomite doświadczenie użytkownika i udowodnił, że React Native można z powodzeniem stosować w projektach wieloplatformowych. Więcej przeczytasz na blogu deweloperskim Facebooka.

3. Instagram – integracja React Native z istniejącą aplikacją natywną

Instagram również nie wymaga przedstawiania. Po tym, jak Facebook przejął tę platformę do dzielenia się zdjęciami w 2014 roku, było tylko kwestią czasu, zanim ich zespół deweloperski zaczął przepisywać aplikację. A gdy w 2015 roku stworzyli React Native, było już dość oczywiste, który framework wybiorą.

Na początku 2016 roku zespół Instagrama zaczął badać możliwości wdrożenia React Native w istniejących aplikacjach natywnych. Zaczęli powoli, od najprostszego widoku: powiadomień push. Wyniki były satysfakcjonujące, więc poszli dalej i wzięli się za kolejne części aplikacji.

React Native pozwolił zespołowi Instagrama szybciej dostarczać funkcje do obu wersji aplikacji - na iOS i Androida. Odsetek współdzielonego kodu jest bardzo wysoki: od 85% w widoku moderacji komentarzy do 99% (!) w widoku promowania postu.

4. Discord – wczesny adopter React Native

Discord to aplikacja do czatu głosowego i tekstowego, która działa i na komputerze, i na smartfonie. Jest wyjątkowo popularna wśród graczy, ale wielu millenialsów korzysta z niej także poza graniem, jak z medium społecznościowego.

Aplikacja Discorda była jedną z pierwszych na rynku zbudowanych w React Native. Firma zdecydowała się na tę technologię w swojej aplikacji na iOS jeszcze przed oficjalnym wydaniem frameworka w 2016 roku.

Jak mówi Fanghao Chen z ich zespołu deweloperskiego, React Native okazał się ogromnym sukcesem w Discordzie. Pozwolił pisać kod wielokrotnego użytku oraz szybko i sprawnie iterować w zaledwie dwuosobowym zespole.

Discord próbował postawić na React Native także na Androidzie. Choć udało im się przepisać aplikację w DWA DNI (!), ostatecznie zdecydowali się na Kotlin. Ale na iOS zostali przy React Native.

5. Walmart – historia sukcesu React Native z Fortune 500

Tu przedstawianie jest zbędne. Ten gigant handlu detalicznego to jedna z największych korporacji na świecie. Z przychodem ponad 500 mln dolarów w zeszłym roku jest obecnie na szczycie listy Fortune 500.

Aplikacja Walmartu ma mnóstwo różnych funkcji. Pozwala robić zakupy online, znajdować produkty i sprawdzać ceny w sklepie, a także korzystać z portfela mobilnego Walmart Pay. Zbudowanie tak złożonej aplikacji było niemałym wyzwaniem dla zespołu Walmartu. React Native okazał się pomocny.

95% bazy kodu Walmartu jest współdzielone między aplikacjami na iOS i Androida - wieloplatformowość zadziałała w tej firmie znakomicie. Prace nad aplikacjami toczyły się równolegle na obu platformach i pozwoliły ściąć koszty pracy o połowę.

Zarówno początkowe prace, jak i rozwijanie kolejnych funkcji idą bardzo szybko, dzięki czemu szybciej niż konkurencja zaspokoisz potrzeby klientów. Wisienką na torcie jest to, że aplikacje pisane w React Native mają zasadniczo porównywalną, a potencjalnie nawet lepszą wydajność niż te pisane natywnie.

Keertimaan Tenneti, Senior Engineering Manager @ WalmartLabs

6. UberEats – łączenie różnych stron jedną aplikacją w React Native

Ubereats to kolejna usługa od Ubera. Pomysł polega na tym, żeby uczynić proces dostawy jedzenia z restauracji łatwym dla użytkowników i dać dostawcom elastyczny sposób zarabiania. Trudne było płynne połączenie trzech stron: restauracji, kierowców dostawczych, a także klientów.

Zespół deweloperski Ubera stanął przed tym wyzwaniem: przeniesieniem istniejącego panelu dla restauracji z weba na mobile, i na iOS, i na Androida. Zdecydowali się na React Native.

Choć React Native stanowi tylko część aplikacji mobilnej, zespół deweloperski Ubera był bardzo zadowolony ze zmiany. Chris Levis, inżynier oprogramowania z Ubera, stwierdził, że są bardzo optymistyczni co do możliwości frameworka w skalowaniu i rozwijaniu usługi.

7. Discovery VR – React Native i wirtualna rzeczywistość

Discovery to kolejna marka, która nie wymaga przedstawiania. Ich misją jest zbliżanie świata do ludzi i pokazywanie im rzeczy będących poza ich zasięgiem. Wysokie budżety, autorskie programy i świetne scenariusze - oto Discovery w pigułce.

Ich aplikacja jest równie warta uwagi. Z prostym zestawem VR użytkownicy mogą podróżować do najdalszych i najpiękniejszych zakątków naszej planety. Aplikacja daje ogromną różnorodność otoczeń i aktywności, takich jak wędrówki, narty czy skoki base jumping.

Cały interfejs użytkownika powstał w React Native i daje użytkownikom płynne doświadczenie VR. Wystarczy urządzenie mobilne i zestaw VR. Działa z Oculus Rift, HTC Vive, Daydream, a nawet… Google Cardboard!

8. Wix – aplikacja dla 80 milionów użytkowników w React Native

Wix to narzędzie online, które pozwala tworzyć strony za darmo, bez znajomości kodu. To także usługa hostingowa z funkcjami analityki webowej.

Wix postawił na React Native jako framework aplikacji mobilnej dla swoich 80 milionów użytkowników. Produkcja tej skali wiązała się z szeregiem wyzwań. Dzięki React Native zespół Wixa przeszedł od zera do sklepów w sześć miesięcy, a proces wytwarzania trwał 3 razy krócej niż zwykle.

Jak stwierdził Tal Kol, Head of Mobile Engineering w Wixie, React Nativebył dla Wixa prawdziwym przełomem.

Projekt sprawdzisz na GitHubie.

9. Gyroscope – budowa złożonej aplikacji z licznymi integracjami w React Native

Gyroscope to świetna aplikacja, która pomaga użytkownikom osiągać życiowe cele: schudnąć, być bardziej produktywnym i poprawić ogólne samopoczucie. Potrafi śledzić aktywność fizyczną, sen, tętno i tak dalej. Na podstawie zebranych danych aplikacja poleci odpowiednią dietę, dopasowany plan treningowy albo idealną dawkę odpoczynku.

Gyroscope to wyjątkowo złożona aplikacja. Obsługuje różne rodzaje danych i zapewnia liczne integracje - zarówno z oprogramowaniem, jak i sprzętem (na przykład FitBand). Użycie React Native pozwoliło zespołowi Gyroscope znacząco przyspieszyć prace i dostarczyć świetny produkt na Androida i iOS.

Więcej o tym, jak budowali Gyroscope, przeczytasz tutaj.

10. Bloomberg – interaktywne, spersonalizowane UX dzięki React Native

Bloomberg to firma medialna skupiona na gospodarce i rynku finansowym. Dostarcza też rozwiązania software'owe dla sektora finansowego i dla firm. Na liście tych rozwiązań są analiza big data i raporty rynkowe.

Zmęczona tworzeniem osobnych aplikacji na iOS i Androida firma zbudowała szybki prototyp w RN. Ich CEO tak go polubił, że postanowili wydać pełnoprawny produkt.

Idea ich aplikacji mobilnej polega na tym, żeby dać użytkownikom taki sam poziom dostępu do informacji, jaki mają w wersji webowej platformy.

Przeprojektowanie aplikacji było ogromnym wyzwaniem - trzeba było przenieść cały zespół na React Native. Efekt był jednak wart wysiłku. Dzięki React Native zespół Bloomberga nie tylko znacząco przebudował konsumencką aplikację mobilną na iOS i Androida, ale też dodał sporo nowych, innowacyjnych funkcji. Wspomnijmy choćby dostęp do telewizji na żywo, ciągłe aktualizacje i głęboką personalizację wyświetlanych treści.

Ważny był też czas. Zespołowi Bloomberga udało się przepisać aplikację w 5 miesięcy. To mniej więcej połowa czasu, którego potrzebowaliby bez React Native.

Efektem jest elegancka aplikacja z artykułami, filmami, transmisjami TV i spersonalizowanym kanałem informacyjnym. Ma znakomitą wydajność i płynne, interaktywne animacje.

Zespół pokochał łatwość korzystania z niego, hot reloading i szybką iterację, które umożliwił React Native.

React Native jest najlepszy z dostępnych. Spodziewaj się go w kolejnych aplikacjach mobilnych Bloomberga.

Gabriel Lew, Senior Software Engineer @ Bloomberg

11. Myntra – wsparcie e-commerce dzięki React Native

Myntra to platforma e-commerce z Indii. To największy w tym kraju sklep internetowy z modą i produktami lifestyle'owymi, z wynikiem ponad 2 miliardów dolarów sprzedaży w zeszłym roku. Zapewniają klientom szeroki wybór produktów i głęboką personalizację doświadczenia zakupowego.

Aplikacja mobilna Myntry jest po prostu świetna. Wyróżnia się z tłumu pięknym designem i znakomitym doświadczeniem użytkownika. Intuicyjność, bezbłędny proces zakupowy i głęboka personalizacja oferty - oto aplikacja Myntry w pigułce. Naszym zdaniem ten produkt mobilny powinien być wzorem dla każdej aplikacji e-commerce na rynku.

Jeśli chodzi o stos technologiczny, obecnie ponad połowa aplikacji na iOS i kluczowe ekrany aplikacji na Androida korzystają z React Native. Wciąż dodają nowe ekrany bez potrzeby aktualizacji po stronie użytkownika. Jak Param Aggarwal, programista z Myntry, ujął to, wybór React Native do przeprojektowania aplikacji był w pełni wart zachodu. Ten framework pozwolił na ogromne skalowanie i wsparł szybki wzrost produktu.

12. Soundcloud Pulse – dlaczego React Native świetnie działa w małych zespołach

Soundcloud to startup z Berlina stworzony po to, żeby muzycy mogli dzielić się ze sobą muzyką. Po ponad 10 latach obecności na rynku to dziś ogromna platforma hostingu muzyki z około 80 milionami użytkowników i 200 milionami wgranych utworów. Przyciąga zwłaszcza wschodzących muzyków i raczej niekomercyjnych artystów. Jeśli szukasz tego świetnego setu DJ-skiego, który słyszałeś w sobotę w Berghain, prawdopodobnie znajdziesz go na Soundcloudzie.

Aplikacja Soundcloud Pulse jest dedykowana samym artystom. Pozwala im zarządzać kontami i utrzymywać zaangażowanie swoich społeczności.

Głównym wyzwaniem podczas prac był bardzo mały, zaledwie trzyosobowy zespół. Na szczęście React Native dobrze radzi sobie przy ograniczonych zasobach - współdzielenie bazy kodu pozwoliło zespołowi Soundclouda sprawnie zarządzać czasem i skorzystać z szybkiego kodowania.

Kolejnym powodem wyboru React Native w tym projekcie była przyjazność frameworka. Krótka pętla informacji zwrotnej dzięki automatycznemu przeładowywaniu kodu na żywo sprawiła, że proces był przyjemny dla programistów, co zwiększyło ich pewność siebie i zadowolenie z pracy.

Zadowoleni programiści i szybsze tempo pracy to trudna do pobicia kombinacja. product managerowie, decydenci i projektanci, słuchajcie - mówię tu do was 🙂

Jan Monschke, frontend engineer @ Soundcloud

13. Huiseoul – z React Native na rynku chińskim

React Native to naprawdę uniwersalne rozwiązanie, po które może sięgnąć każdy programista, bez względu na rynek i branżę. Dowodzi tego Huiseoul (Trillionaire Inc.), firma, której celem jest dostarczanie słynnych, najwyższej jakości koreańskich kosmetyków obywatelom Chin.

Aplikację Huiseoul zbudowano z myślą o zasadach conversational commerce. Oznacza to, że duża część doświadczenia użytkownika opiera się na czatach na żywo i chatbotach. Klienci mogą omówić potrzeby swojej skóry z konsultantem, mając pewność, że dostaną dokładnie te produkty, których potrzebują.

Zespół stojący za aplikacją mobilną Huiseoul wykonał ogromną pracę, budując oprogramowanie w zaledwie 6 tygodni. Co ciekawe, aplikację zbudował czteroosobowy zespół (trzech inżynierów i jeden project manager) bez doświadczenia w tworzeniu aplikacji mobilnych! Programiści pracowali wcześniej wyłącznie nad aplikacjami webowymi, ale dzięki React Native skończyli projekt w mgnieniu oka!

A przy okazji zbudowali też własną bibliotekę React Native sprawiającą, że statyczne obrazy stają się responsywne!

Jak Johnwook Choi, project manager zespołu, podsumowuje:

Choć nigdy wcześniej nie pisaliśmy natywnego kodu aplikacji mobilnych, dzięki React Native udało nam się zbudować natywną, wydajną aplikację na iOS.

14. Pinterest – idealne mobilne doświadczenie social media dzięki React Native

Pinterest to bardzo specyficzne podejście do koncepcji medium społecznościowego. Wszystko opiera się tam na współpracy, dzieleniu się i wymianie pomysłów, zwykle w formie obrazów lub filmów.

Użytkownicy nieustannie przekazują treści dalej, udostępniając je i dodając do swoich kategorii czy folderów.

Ogromna część interakcji Pinnersów (użytkowników Pinteresta) odbywa się na urządzeniach mobilnych. Aplikację mobilną można otworzyć na minutę czy dwie wszędzie - w łóżku, w biurze czy w łazience - i dostać zastrzyk inspiracji dzięki garści motywujących obrazów, krótkiego GIF-a czy filmu.

Takie doświadczenie wymaga stabilnej i przyjaznej aplikacji. W przypadku Pinteresta zwrot ku React Native trochę trwał. Zarząd i liderzy zespołów bardzo dokładnie przeanalizowali opcje i sami dopytali inżynierów o opinie. Ostatecznie zwrot ku React Native przyniósł fantastyczne rezultaty.

Dzięki React Native pierwsze wdrożenie na iOS zajęło około 10 dni, wliczając w to podpięcie wszystkich integracji z naszą istniejącą infrastrukturą. Potem przenieśliśmy ten ekran na Androida w dwa dni, ze 100-procentowym współdzieleniem kodu UI między platformami, oszczędzając ponad tydzień pracy.

Vivian Qu, mobile software engineer @ Pinterest

15. Adidas GLITCH - ekskluzywne buty napędzane React Native

Adidas wielokrotnie zmieniał branżę sneakersów i butów, a z Adidas GLITCH spróbował zrobić to znowu.

Tym razem produktem był nowy but piłkarski. Rewolucyjny pomysł polegał na tym, że każdy mógł zbudować but dokładnie taki, jakiego chciał - do wyboru jest wiele różnych modułów, więc masz pewność, że produkt idealnie odpowie na Twoje wymagania.

Ze względu na ten wyjątkowy sposób wybierania i budowania buta niesamowicie ważne było danie klientom łatwej drogi do idealnej pary Adidas GLITCH. Ostatecznie firma zdecydowała, że but będzie dostępny do kupienia wyłącznie przez specjalną aplikację mobilną stworzoną pod linię GLITCH.

Po dokładnym namyśle zespół deweloperski Adidasa zdecydował się na React Native, żeby stworzyć aplikację na obie platformy: iOS i Androida. Aplikacja na system Google'a ukazała się nieco później niż ta dla Apple'a, ale jak podsumował UI Developer Istvan Makary:

Szczerze mówiąc, miłym zaskoczeniem było zobaczyć, jak „dobrze” aplikacja wygląda, gdy zaczęliśmy prace nad Androidem. Mimo kilku problemów z układem i potrzeby poprawy wydajności działała całkiem nieźle!

16. Skype - wsparcie wideokonferencji dzięki RN

Na początku 2017 roku zespół Skype'a ogłosił prace nad aplikacją mobilną w React Native. Wersja aplikacji na Androida była całkowicie odświeżonym Skype'em. Kluczowa część produktu przeszła zmiany: od designu po funkcjonalność.

Tworząc wersję mobilną, zespół Skype'a przeniósł znaczną część funkcjonalności „starego” Skype'a i wprowadził nowe funkcje. W aplikacji pojawił się na przykład dodatek Giphy od Microsoftu - z jego pomocą użytkownicy mogą wymieniać się GIF-ami na czacie.

Tworząc wersję mobilną, zespół Skype'a przeniósł znaczną część funkcjonalności „starego” Skype'a i wprowadził nowe funkcje. W aplikacji pojawił się na przykład dodatek Giphy od Microsoftu. Z jego pomocą użytkownicy mogą wymieniać się GIF-ami na czacie.

Miliony ludzi na całym świecie wciąż korzystają ze Skype'a.

17. Tesla - dlaczego przyszłość zależy od RN 

Tesla, znany na całym świecie producent samochodów elektrycznych, również użyła React Native do stworzenia aplikacji mobilnej. Wygląd wersji na iOS i Androida nie różnił się dla użytkownika końcowego. Cała funkcjonalność aplikacji - ładowanie, światła, klakson, dach panoramiczny - działa tak samo na obu platformach.

18. Airbnb - React Native i podróże

Airbnb również zintegrowało React Native ze swoją aplikacją mobilną. Pracując z frameworkiem, najpierw zauważyli, że koszt integracji z istniejącymi aplikacjami natywnymi jest wysoki, ale że się to opłaciło.

Start z React Native był bardzo łatwy, ale po drodze pojawiły się problemy. Główny brał się od osób nowych w Reakcie, które zderzały się z koncepcjami zarządzania stanem w kontekście aplikacji reactowej.

Z drugiej strony największą korzyścią była możliwość ponownego wykorzystania kodu. Większość komponentów dało się użyć ponownie. Do tego React ułatwił refaktoryzację i powielanie kodu.

Więcej o wdrożeniu React Native w Airbnb dowiesz się z tego wystąpienia technicznego.

19. Whym - pewność siebie za granicą dzięki aplikacji w RN

Whym to aplikacja do tłumaczenia w czasie rzeczywistym dla podróżnych oraz firm z branży hotelarskiej i turystycznej, takich jak hotele i lotniska. Daje dostęp do tłumacza 24 godziny na dobę, 7 dni w tygodniu, w dowolnym miejscu na świecie.

Aplikację stworzono pierwotnie tylko na iOS, ale gdy klient zaczął rozważać dalszy rozwój na inne platformy z możliwością szybkiego uruchamiania aplikacji w nowych systemach, nasz zespół zarekomendował React Native jako skuteczne rozwiązanie tych celów.

Budowa aplikacji w RN była o około 25% szybsza niż tworzenie natywne, a przy skalowaniu na kolejne platformy oszczędności pieniędzy i czasu mogą być jeszcze większe.

20. WalkSafe - bezpieczeństwo dzięki React Native

Aplikacja pozwala użytkownikom wybrać obrońcę (osobę, która dostanie powiadomienie, jeśli użytkownik poczuje się niepewnie), ustawić godzinę dotarcia do celu (obrońca dostanie informację, gdy użytkownik dotrze bezpiecznie) albo wybrać opcję grupową, żeby czuwać nad znajomymi spędzającymi razem czas.

Ze względu na ograniczony budżet i presję czasu konieczne było ustalenie priorytetów funkcji w pierwszej wersji i wybór frameworka, który pomoże dowieźć aplikację na iOS i Androida w napiętym harmonogramie. React Native okazał się idealną opcją.

ChaperHome (poprzednia nazwa) zebrał fantastyczne opinie użytkowników, w tym wiele ciekawych propozycji nowych funkcji i sposobów wykorzystania tego typu aplikacji w innych branżach.

21. Shine - motywacja dzięki RN

Shine to aplikacja do uważności, która pozwala czytać motywujące hasła i artykuły, pomaga się zrelaksować i podsumować dzień, oferuje inspirujące notatki przygotowane przez ekspertów i pomaga radzić sobie ze stresem dnia codziennego.

Twórcy chcieli najpierw stworzyć aplikację na urządzenia iOS, bo ich celem był rynek amerykański, gdzie iOS ma istotny udział (44,8% w grudniu 2018 roku). Programiści chcieli jednak móc szybko stworzyć aplikację na Androida, gdy tylko biznes nabierze rozpędu. Dlatego wybrali React Native.

Aplikację z powodzeniem wypuszczono pod koniec 2017 roku i jest już w App Store. Co więcej, Apple wybrało ją jako jedną z najlepszych aplikacji 2018 roku.

Krótka notatka dla menedżerów

Zdecydowałeś się więc na współpracę z firmami tworzącymi w React Native, ale czy to właściwe podejście do Twojego projektu? Sprawdźmy to razem!

Do czego RN nadaje się najlepiej

Choć React Native ma wielu przeciwników, są 4 sytuacje, w których to najlepszy wybór:

Działające prototypy

Większość aplikacji zbudowanych w React Native zaczynała jako szybkie prototypy.

Jeśli jesteś szybko rosnącym startupem, wejście na rynek z działającym produktem jest Twoim priorytetem.

To jeden z filarów zwinnego wytwarzania: 

1. zbuduj rozwiązanie, zanim konkurencja wykona ruch
2. przyciągnij do niego więcej użytkowników
3. szybko iteruj na podstawie ich opinii. 

Takie podejście pozwala sprawdzić, czy Twój pomysł naprawdę ma sens, przy minimalnym nakładzie czasu i pieniędzy.

React Native to idealna technologia w takich przypadkach.

Pozwala szybko stworzyć prototyp działający i na Androidzie, i na iOS. Do tego tworzenie aplikacji mobilnej może być ~30% szybsze niż przy natywnym stosie technologicznym.

W przeciwieństwie do rozwiązań hybrydowych Twoja aplikacja w RN da testerom naprawdę naturalne doświadczenie.

Aplikacje ze zoptymalizowanym UI

Aplikacje w React Native mogą wyglądać i działać równie dobrze jak ich odpowiedniki na Androida czy iOS.

Ich interfejs to w rzeczywistości natywny kod Javy albo Swift/Objective-C działający na głównym wątku. Jednocześnie większość aplikacji, w tym logika biznesowa, działa w osobnym wątku JavaScriptu.

Proste aplikacje wieloplatformowe

Jeśli Twoja aplikacja ma dużo funkcji specyficznych dla platformy, takich jak wielowątkowość czy przetwarzanie audio i wideo, lepszym wyborem może być rozwiązanie natywne.

Ale React Native jest idealny, jeśli masz napięty budżet, a Twój rynek docelowy dzieli się po równo na iOS i Androida. Bez trudu sprawisz, że interfejs zadziała na obu platformach.

Układ aplikacji opiera się na Flexboksie, który działa tak samo w sieci, na Androidzie i na iOS. W porównaniu z tworzeniem natywnym oszczędzi Ci to mnóstwo bólu głowy.

Aplikacje bez intensywnego korzystania z natywnych API

Aplikacje w React Native muszą polegać na natywnych API w takich sprawach jak aparat czy GPS. Żeby je wdrożyć, trzeba pisać mostki, co jest czasochłonne, wymaga wiedzy w zespole i może wpłynąć na wydajność aplikacji. Jeśli Twoja aplikacja nie korzysta z wielu natywnych API (jak aplikacja e-commerce), React Native to mądry wybór.

Pula specjalistów

RN jest dość popularny wśród programistów (6. miejsce w rankingu SO). Programistów jest więc sporo. Jednak odkąd tworzenie aplikacji w React Native stało się najpopularniejszym sposobem na budowę nowoczesnej aplikacji na Androida czy iOS w tym frameworku, znalezienie i zatrudnienie inżyniera z wieloletnim doświadczeniem stało się trudne. 

Przyszłość RN

Im więcej firm decyduje się budować aplikacje mobilne w React Native ze względu na krótszy czas wytwarzania i wdrożenia, tym lepsza staje się ta technologia. Bądź pewien, że RN nie umrze w dającej się przewidzieć przyszłości. To zdecydowanie właściwa droga.

Podsumowanie

Wybór technologii, języka czy frameworka do budowy aplikacji nigdy nie jest łatwy. Ta decyzja może wpłynąć na Twój biznes na wiele sposobów. 

Tworzenie natywne daje wydajne aplikacje i będzie bardziej intuicyjne dla użytkowników konkretnych systemów, takich jak iOS i Android. Ale budowa własnych aplikacji trwa dłużej, kosztuje więcej i jest stosunkowo trudniejsza w utrzymaniu.

Ideamotive to marketplace dostarczający najlepszych specjalistów IT dopasowanych do branży, technologii i kultury organizacyjnej klienta. Budujemy dedykowane aplikacje wieloplatformowe dopasowane do Twoich potrzeb. Naszym głównym celem jest pomóc Ci rosnąć i skalować biznes. Szukasz usług tworzenia aplikacji mobilnych? Napisz do nas!