10 berömda appar byggda med React Native

React Native är ett JavaScript-ramverk, utformat för att bygga verkligt inbyggda appar för plattformar som iOS och Android.

Den är baserad på ett JavaScript-bibliotek skapat av Facebook som heter React och ger därmed sin kraft till utveckling av mobilappar.

Det motsvarar dagens behov av mobilappsutveckling, eftersom det med två operativsystem som dominerar landskapet står företag som skapar mobilappar ofta inför ett beslut:

Berömda React Native-appar

  • Facebook
  • Facebook-annonser
  • Walmart
  • Bloomberg
  • Instagram
  • SoundCloud Pulse
  • Townske
  • Gyroskop
  • Wix
  • Delivery.com

Facebook & React Native

React Native inleddes när Facebooks hackathon-projekt utvecklades som svar på företagets behov.

Facebook ville ta fram alla fördelar med webbutveckling till mobilen som:

  • snabba iterationer
  • att ha ett enda team som utvecklar hela produkten

Det är så React Native blev livfullt och utnyttjat i utvecklingen av mobilappar för både iOS- och Android-appar

Facebook använde React Native för att utveckla sin egen Ads Manager-app och skapade både en iOS- och en Android-version. Båda versionerna skapades av samma team av utvecklare.

Resultat av att bygga en React Native-mobilapp
Vad Facebook såg var en stor prestationsförbättring. Händelser Dashboard startar nu dubbelt så snabbt.

De flesta framstegen gjordes på ramnivå, vilket avgör att din React Native-app automatiskt kommer att gynnas när du överför till den senaste versionen av React Native-appen.

Facebook Ads & React Native

Den sociala nätverksplattformen är inte den enda React Native-applikationen som producerades under Facebooks tak.

Facebook Ads var den första React Native-appen för Android och den första helt React Native-baserade plattformsappen som byggdes i företaget.

Varför valde de React Native?


Ramverket verkade lämpligt för en hel del komplex affärslogik som krävs för att korrekt hantera skillnader i annonsformat, tidszoner, valutor, datumformat, valutakonventioner och så vidare, särskilt att en stor del av den redan var utarbetad i JavaScript.

Ur designmässig synvinkel är gränssnittet rent med intuitiv UX och enkel navigering. Animationerna och övergångarna är perfekta; de känner sig inte onaturliga eller buggiga vid något tillfälle.

Den övergripande upplevelsen är lysande, och om ditt marknadsföringsteam inte använder appen rekommenderar Facebook dem starkt att börja.

Resultat av att bygga en React Native-mobilapp


Det första du kommer att märka är att appen är blixtsnabb, oavsett vilka operationer du vill utföra; från att kontrollera status för en aktuell kampanj till att bygga en ny, allt som behövs är högst en sekund eller två för att navigera till nästa nivå eller komma åt data med lätthet.

Walmart & React Native

Walmart har redan bevisat sin innovativa attityd som introducerar Node.js i sin stack. Några år senare skrev de också om sin mobilapp till React Native.

Varför valde de React Native?

  • Walmart siktar riktigt högt och strävar efter att bli världens största online-återförsäljare. Med så stora mål behövde företaget göra djärva drag som innebar en högre risk för att få en konkurrensfördel.

Det är därför de alltid söker sätt att förbättra kundupplevelsen genom att testa ny teknik.

React Native möjliggör fantastisk prestanda, nästan identisk med inbyggda appar och extremt smidiga animationer.

Resultat av att bygga en React Native-mobilapp

Walmart lyckades förbättra appens prestanda på både iOS och Android genom att använda färre resurser och inom en kortare tidsperiod.

96% av kodbasen delades mellan plattformar medan utvecklarnas kompetens och erfarenhet utnyttjades över hela organisationen.

Bloomberg & React Native

Bloombergs nya mobilapp för konsumenter för iOS och Android ger kunderna en strömlinjeformad, interaktiv upplevelse med lättillgängligt personligt innehåll, videor och live-flöden som presenteras i Bloombergs Media.

Ett ingenjörsteam vid Bloombergs huvudkontor i New York producerade appen med React Native-appteknik, det primära verktyget som faktiskt levererar löftet om plattformsutveckling av inbyggd app.

Instagram & React Native

  • Instagram accepterade utmaningen att integrera React Native i sin befintliga native-app.
  • De började med den enklaste vyn du kan föreställa dig – Push Notification-vyn, som i princip implementerades som WebView. Det krävde inte byggnad av navigationsinfrastruktur, eftersom användargränssnittet var ganska enkelt.

Resultat av att bygga en React Native-mobilapp

Dev-teamet på Instagram mötte några problem på vägen, men de förbättrade utvecklarhastigheten avsevärt.

85% till 99% av koden delades mellan Android- och iOS-appar, beroende på produkter.

Således kunde teamet leverera appen mycket snabbare än vad de skulle ha med en inbyggd lösning.

SoundCloud Pulse är en applikation för skapare som hjälper dem att hantera sina konton och hålla deras samhälle surrande.

Varför valde de React Native?

När företaget började designa den andra uppsättningen infödda appar stod de inför några hinder.

iOS-utvecklare var omöjliga att hitta och de ville inte ha ett stort gap mellan iOS- och Android-utgåvorna.

Därför började ett oberoende forskargrupp att köra användartestning med prototyper från React Native apps.

Resultat av att bygga en React Native-mobilapp

Deras erfarenhet av ramverket var i allmänhet positiv. Utvecklare tyckte att det var lättare att arbeta på en React Native-baserad applikation än på en native-applikation.

Dessutom kunde de bygga applikationen själva utan frekvent input från specialiserade mobilutvecklare.

Townske & React Native

Townske syftar till att vara din reseguide stadsguide på din nästa resa.

Appen ansluter dig till lokalbefolkningen för att få en lista över deras favoritplatser och skapar en samlad lista över platser att utforska och uppleva som lokalbefolkningen gör.

Det är inte obligatoriskt för användare att ha ett konto, vilket är bra, eftersom det gör att du snabbt kan hitta nästa plats du vill besöka.

Tänk dig att du har låg Wi-Fi-anslutning eller att batteriet börjar ta slut – i dessa fall är det en fin funktion att ha.

Resultat av att bygga en React Native-mobilapp

React Native fokuserar enbart på att bygga ett mobilt gränssnitt. Jämfört med JavaScript-ramar som AngularJS eller MeteorJS är React Native UI-fokuserat, vilket gör det mer som ett JavaScript-bibliotek än ett ramverk.

Det resulterande användargränssnittet är mycket lyhört och känns flytande tack vare asynkrona JavaScript-interaktioner med den inhemska miljön.

Det betyder att appen är snabbare och har bättre laddningstider än en typisk hybridapp och en mjukare känsla.

Gyroskop & React Native

Med gyroskop kan du se hela livets historia; det är hälso-appen på steroider.

Inte bara kan du spåra steg, din träning eller din hjärtfrekvens, men med de dussintals integrationerna kan du också spåra aktiviteter som produktivitet på datorn, eller använda sömnspårare och automatisk Ai för att se till att du får tillräckligt med sömn.

Resultat av att bygga en React Native-mobilapp

Tack vare React Native visas uppgifterna i två attraktiva, väldesignade vyer: Enkelt och Kortläge.

All spårad data aggregeras i dagliga / veckovisa / månadsuttalanden, och du kan också enkelt dyka in i den och välja vilka saker du vill fokusera på nästa.

Wix & React Native

Wix startade 2006 och är ett onlineföretag som tillhandahåller webbhotell och webbdesigntjänster.

Användare kan designa och bygga sina webbplatser i HTML5 / CSS, liksom mobila webbplatser, med hjälp av dra-och-släpp-verktyg.

Två populära funktioner i Wix är att utvecklare kan skapa egna webbapplikationer för att marknadsföra till andra användare och att användare inte behöver veta någon kodning för att skapa en webbplats.

Varför valde de React Native?

Företaget nöjde sig inte med något av dessa, de krävde extremt konfigurerbara navigations- och skärmalternativ tillsammans med en korrekt underhållen och uppdaterad kodbas.

Resultat av att bygga en React Native-mobilapp

Medan utvecklingen av inbyggda appar vanligtvis är kopplad till ineffektivitet, lägre produktivitet och längre tid att distribuera, levererade React Native Wix hastigheten och smidigheten för webbappsutveckling i hybridutrymmet, allt detta med inbyggda resultat.

Delivery.com & React Native


Delivery.com ger grannskapets ekonomi genom att göra det möjligt för kunder att beställa online från sina lokala restauranger, livsmedelsbutiker, vin- och spritbutiker samt tvätt- och kemtvättleverantörer.

Varje dag utforskar mer än en miljon leverans.com-kunder sina områden och beställer från mer än 10 000 regionala företag hemma, på jobbet eller på språng.

Med huvudkontor i New York och en växande närvaro i hela USA erbjuder delivery.com e-handel en integrerad del av den lokala vardagen, vilket hjälper kunderna att handla, företag växer och stadsdelar trivs.

Resultat av att bygga en React Native-mobilapp

React Native tillät företaget att ansluta kartan till enhetens funktioner som att rotera, zooma och kompassen samtidigt som det använder mindre minne och laddar snabbare. Om appen stöder äldre operativsystem (och äldre enheter) kan det hjälpa till att appen fungerar smidigt.

Leave a Comment