DEV Community

loading...
Cover image for 50 Examples of Great React Native Apps in 2021
Pagepro

50 Examples of Great React Native Apps in 2021

tomgrabski
React & React Native Advocate
Originally published at pagepro.co ・38 min read

Introduction

More and more often, before we start a mobile project, our potential clients are asking for some examples of React Native apps they could relate to their businesses.

In fact, everybody knows the popular apps, but not much else.

Can you send me some React Native apps examples that could be a good benchmark for my business?

So, as an answer, instead of looking for some good examples over and over again, we wrote this article, to immediately access the best of them from 15 different industries.

Since its release in 2015, React Native is rapidly emerging. So do its popularity and community. Because of many features and the possibility to build apps for many mobile platforms simultaneously, it became the first choice of many developers, startups and business owners.

So, whether you are looking for inspiration, examples, or just want to make sure that React Native is the right choice, and you search for some business benchmark, here’s a list of more than 50 apps built in React Native. 

15 different industries

If you are searching for some examples of apps from your industry, you will find such industries as:

Art eCommerce Education
Entertainment Fashion Finance
Food Health News
Retail Social Media Sport
Transportation Travel Virtual Reality

React Native 101

Need more information about React Native itself and how it stands out from other mobile development technologies?

Read the other articles that will give you an ultimate introduction and the knowledge you need to successfully kick-off the project with React Native:

While looking for apps built with React Native, we tried to collect examples of both well-known apps like Facebook and less popular ones created by startups.

Facebook and React Native

Obviously, Facebook is a no-brainer from all the examples of React Native apps.

In fact, React Native is a result of a hackathon organised by Facebook to respond to the company’s needs. Facebook wanted to use all the benefits of web development (like fast iterations or the possibility to build the full product within one team) in mobile development. Consequently, they created leverage in mobile development for both Android and iOS platforms.

A team of Facebook developers wanted to test React Native apps performance, so they migrated the Events Dashboard in their iOS app to React Native. They wanted to try such things as startup time, which is essential in this kind of application. If the application needs a lot of time to start, it may discourage users from using it.

The result? A React Native app startup time twice as fast.

React Native apps: Facebook app screenshots

Facebook Ads Manager and React Native

Facebook didn’t stop after using React Native in its primary application. Another one from the best examples is in fact the first cross-platform app based solely on React Native – Facebook Ads Manager.

It was a complex task because of the business logic required to handle ad formats, time zones, date formats, currencies, and many more different things for different users. However, React Native seemed like an ideal fit, mainly because the lion’s share of code was written in JavaScript.

While the Facebook dev team was working on Facebook Ads Manager, they created many components, useful for other developers, too.

React Native apps: Facebook Ads Manager app screenshots

Instagram and React Native

Another one from popular examples of React Native Apps isInstagram.

What’s more challenging than building an entire app from scratch is integrating new technology into an existing app, but that’s what Instagram tried to do. They started from the simplest view that you can imagine, which is the Push Notifications view. Initially, it was implemented as the WebView as there wasn’t a need to build a navigation infrastructure.

React Native allowed Instagram developers to ship features to both Android and iOS apps much faster.

They also improved developer velocity, and the percentage of code shared between the apps for some of the products shows just that:

  • Post Promote: 99%
  • SMS Captcha Checkpoint: 97%
  • Comment Moderation: 85%
  • Lead Gen Ads: 87%
  • Push Notification Settings: 92%

Read more about how Instagram is using React Native.

React Native apps: Instagram app screenshots

UberEats and React Native

Standard Uber application involves two parties – drivers and passengers – but UberEats involves three – restaurants, delivery drivers and customers. Such a model created a need for an extra dashboard dedicated to restaurants.

Uber created the original dashboard with the web in mind, and it caused limited access to the native functionalities like sound notifications. Consequently, it made the user experience weaker.

The Uber dev team decided to rebuild the entire dashboard using React Native. Although it’s just a tiny piece of the entire code of the UberEats app, developers are optimistic that React Native may help them in the future to implement new features as the marketplace grows.

Read more about how UberEats is using React Native.

React Native apps: UberEats app screenshots

Walmart and React Native

Walmart is the best example of an app that migrate to React Native in order to reach their ambitious goals.

They want to become number one in the online retail industry. It’s a big goal, and big goals require big moves associated with high risk.

Gaining a competitive advantage (necessary to reach such goals) requires testing and using new technologies. It also has a positive impact on user experience. Firstly, Walmart added Node.js to their technology stack. Later, they decided to use React Native to rewrite the mobile application.

Walmart succeeded in boosting Android and iOS apps’ performance, which took fewer resources and less time. These platforms shared 95% of the codebase, while the entire rewriting process resulted in an outstanding performance and smooth animations, similar to native.

Read more about how Walmart is using React Native.

React Native apps: Walmart app screenshots

Pinterest and React Native

Pinterest considered React Native to implement it into their tech stack, and they decided to do so based on the benefits they found. The biggest one was the increase in developer velocity. As React Native makes it possible to share code between platforms, it means less time spent on standups and meetings and fewer number of inconsistencies between mobile platforms.

However, Pinterest uses React Native as an additional tool in their engineering toolbox – next to native code capabilities on Android and iOS. They never wanted to rewrite the entire code to React Native. 

Pinterest used React Native to build the Topic Picker view and Business Signup flow.

Link to the website

React Native apps: Pinterest app screenshots

Coinbase Pro and React Native

In 2019, Coinbase decided to rewrite their core mobile sign-up using React Native because of a few reasons:

  • As Coinbase supports more than 100 countries, their sign-up experience has to be dynamic – lt should adapt to the user’s location and profile. Staying with the existing code and making changes would be more expensive than rewriting the entire application.
  • Rewriting the entire application natively would require a lot of code duplication, while React Native allows targeting multiple platforms simultaneously. It allows for reusing the business logic instead of duplicating it and maintaining consistency between apps for different platforms.
  • Coinbase wanted to implement a new sign-up experience for Coinbase native application and Coinbase Pro that they wrote entirely in React Native. Without using the RN to do so, it would be much more costly.

Coinbase evaluated using React Native positively, mainly because of component reusability, Fast Refresh and easiness of onboarding web developers.

Read more about how Coinbase is using React Native.

React Native apps: Coinbase Pro app screenshots

Shopify and React Native

After years of building apps natively, Shopify decided to start building new mobile apps with React Native.

There are three main reasons behind their decision:

  • They learned how much React Native has developed after the acquisition of a mobile-first company called Tictail which is focused solely on React Native
  • Shopify was using React daily, and that knowledge became transferable to mobile 
  • They can invest in React Native long-term, and they saw how performance has been going up

Shopify started to experiment with React Native with three separate teams over three applications: Arrive, Compass, and Point of Sale.

They learned that:

  • Dev team responsible for rewriting the Arrive app in React Native felt that they were twice as productive as native development – even though they were working on one mobile platform at that time.
  • Testing Point of Sale application on low-power Android hardware configurations allowed them to use a lower CPU threshold (1.5GHz in comparison to 2GHz)
  • The percentage of code shared between Android and iOS was higher than expected – they estimated 80% while the results were 95% (Arrive) and 99% (Compass)

However, even though they decided to build all new applications with React Native, that doesn’t mean they will also be rewriting all of the old apps in React Native.

Read more about how Shopify is using React Native.

React Native apps: Shopify Point of Sale app screenshots

Discord and React Native

Discord adopted React Native as soon as it was released to build their iOS app on top of their React app. Years passed, and they are still happy that they made their decision. Their app is:

  • being used by millions of active users,
  • practically crash-free,
  • rated at 4.8 stars in the App Store.

They have achieved all of that with only three core iOS engineers on board.

However, at the beginning of 2019, they noticed that the performance degraded – the app could not maintain 60 FPS in regular usage – and it was unclear why. 

Discord created a mobile performance squad to boost app performance across all supported iOS devices to fix this.

As they wrote in the blog post, the results were:

  • A fairly consistent 60 FPS across supported devices and a very noticeable reduction in battery consumption.
  • A much better development experience since even the app under development mode runs much better than the production app before these changes.
  • An average of two seconds shaved off the initial load time. Discord achieved it through our efforts enabling RAM bundles and optimising code paths to leverage it.

It’s worth noting that they completed the entire process within a span of a few weeks.

About working with React Native and building apps with it, they said that there are some challenges. However, the benefits outweigh the disadvantages, so they are ready to use it in the future, too.

React Native apps: Discord app screenshots

Bloomberg and React Native

Bloomberg used React Native to build the Customer App for Android and iOS in 2016. It offers a streamlined, interactive experience with easy-to-access personalised content, videos and live feeds featured across Bloomberg Media. 

Like all of their products, it was designed to meet users’ needs and seamlessly integrate with their routines. The content seen by users can be easily personalised depending on their location and by field of specialisation – Opinion, Politics, Pursuits, Markets, and Technology, to name a few. Users can also access on-demand live TV or event feeds.

React Native enables the Bloomberg team to update the app continuously with market-moving analysis, data, and news – all of that is accessible through personalised widgets.

Read more about how Bloomberg is using React Native.

React Native apps: Bloomberg app screenshots

Other examples of apps made with React Native

Facebook Analytics

React Native apps: Facebook Analytics app screenshots

It’s not surprising that after Facebook and Facebook Ads Manager, Facebook Analytics has also been built with React Native. This app helps users with a number of different reports and metrics presented in a detailed overview.

React Native made it possible for users to create tailor-made mobile views of basic matrics, revenue generation, number of active users, etc.

Link to the website

YOKE Network

React Native apps: YOKE Network app screenshots

YOKE Network is an influencer marketing agency that had an idea for an application that should accomplish to goals at once:

  • Help users reach the right influencer with the right audience to promote products across social media channels
  • Help influencers with finding great products that they could promote and get paid for that

Read the case study

Beast Rent

React Native apps: Best Rent app screenshots

The main goal of the Beast Rent App is to make Tesla car rental easy and hassle-free. For example, as a user of this app:

  • You can ask for a transportation box for your pets or a booster seat for your kids
  • You can ask the rented car to warm up before you go inside

Read the case study

Novus World

React Native apps: Novus World Banking app screenshots

Novus World is an intuitive and user-friendly digital banking app. It aims to provide an outstanding user experience of using intelligent finance management tools. The end goal is to help users with budgeting, saving and controlling their finances.

Read the case study

Tableau Mobile

React Native apps: Tableau Mobile App app screenshots

Tableau Mobile is an application accompanied by Tableau Online and Tableau Server. It allows you to view your company’s visualisations, dashboards, and different metrics using a phone or tablet.

In 2017, the dev team at Tableau Mobile decided to use React Native to rewrite their mobile application. Two years later, they released it on both Android and iOS. As they said, it was a great decision which allowed them to ship more features, more often and with better quality.

Link to the website

FlipKart

React Native apps: FlipKart app screenshots

Flipkart is the largest eCommerce player in India (let’s say Amazon dedicated for India), has over 100 million app downloads and 400 million visits every week. They started their journey with React Native five years ago, in 2016.

Few words about their tech stack

  • It consists of Native, React Native and React-Native-Web
  • Most components are developed with React Native, while the home page is native
  • Navigation in FlipKart apps is native because it supports easier switching between native, react-native and web view

They decided to use React Native because of:

  • Possibility to develop apps for all mobile platforms without impacting performance
  • Unrestricted usage of custom native components if needed
  • Ability to ship JavaScript code using Over The Air (OTA) updates

Link to the website

Mercari

React Native apps: Mercari app screenshots

Mercari became the largest marketplace application in Japan, however, they want more – it’s also available in the US. It allows anyone with a mobile device like a smartphone to sell items they no longer need instead of just throwing them out.

Link to the website

NerdWallet

React Native apps: NerdWallet app screenshots

NerdWallet is an application for personal finance management that gives its users an overview of their financial life, insights based on their specific situation, and detailed instructions on how to improve their finances.

The NerdWallet app is built on top of React Native, TypeScript, and GraphQL. Out of these three, it’s React Native that was crucial in achieving blazing time-to-market, high development efficiency, and empowering technology and talent within NerdWallet Engineering.

Link to the website

Tesla

React Native apps: Tesla app screenshots

Another diamond from all the examples of React Native apps.

Tesla used React Native to build its Tesla app, which allows drivers to control their cars remotely. For example, they can start and stop the charging of the car.

Other features:

  • Checking charging time
  • Checking car heating/cooling
  • Locking/unlocking
  • Diagnosing

The dark-them user interface of the Tesla app makes it look like some kind of video game. It’s available both on Android and iOS.

Link to the website

Do you have a better example of React Native App?

Submit it to get listed!

Wix

React Native apps: Wix app screenshots

Wix is an online tool to create free websites with no coding knowledge. They used React Native to build a Wix Mobile App to help you run and manage your business and day-to-day activities.

Wix App allows you to invite website visitors to become members through their mobile app. It’s a great way to build a community of engaged users. For them, it’s helpful because they can – for example – browse through your products and services, book an appointment or comment.

Link to the website

Salesforce

React Native apps: Salesforce app screenshots

One of the best examples of truly complex React Native apps.

Salesforce is a company that provides CRM software along with applications focused on customer service, marketing automation, analytics, and application development. React Native makes it possible to build Salesforce-powered mobiles apps based on Mobile SDKs.

Link to the website

Words with Friends

React Native apps: Words with Friends app screenshots

Words with Friends is a multiplayer word board game owned by Zynga. Players take turns building words crossword-puzzle style, which is similar to Scrabble, a classic board game. The rules of these two are similar, but Words with Friends is not associated with the Scrabble brand in any way.

Words with Friends decided to choose React Native because:

  • Integrating RN into existing apps is well documented and supported
  • Iteration tools such as live reloading boost the development a lot
  • The technology is emerging and has strong community support

Learn more about how Words with Friends is using React Native.

Call of Duty Companion App

React Native apps: Call of Duty app screenshots

The Companion App helps Call of Duty players track their every shot across multiple titles, identify their most effective weapons, and even compare their stats to their friends’ stats.

These include:

  • EKIA and W/L ratios over time
  • Shots fired and accuracy %
  • Total time played
  • And more

The Companion App is written using React Native, JavaScript, Redux and React Navigation.

Link to the website

Foreca

React Native apps: Foreca app screenshots

Foreca provides digital weather services for developers and consumers through applications, data interfaces and websites. To do so, they collect worldwide weather data, which allows them to make their own global weather forecasts.

Before using React Native, Foreca created their Android and iOS apps separately, so they had separate code. Because of that, both applications provided a little bit different functionality and customer experience.

As Foreca wanted to create a customer experience that would be practically the same for Android and iOS users and have a possibility to implement different changes more effectively, they decided to go with React Native.

Learn more about how Foreca is using React Native.

LendMN

React Native apps: LendMN app screenshots

LendMN is the mobile application created by a fintech company called AND Global, which provides small loans quickly and conveniently for those who can’t receive such financial services from traditional institutions. 

This app has over 100 thousand active customers in Mongolia and is one of the most popular applications there.

The usage of React Native to build this application allowed LendMN to utilise their web developers for application development and update it on the fly.

Learn more about how LendMN is using React Native.

Artsy

React Native apps: Artsy app screenshots

As the Artsy app description on the App Store states, “Artsy is the largest online art marketplace with more than 1 million artworks by over 100,000 artists”. This iOS app allows users to collect art from galleries worldwide, bid in live auctions from anywhere, and sell works from their private collections.

Read more about how Artsy is using React Native.

QQ

React Native apps: QQ app screenshots

QQ is an instant messaging and social platform available as both React Native-based desktop and mobile apps. It offers many features such as online chat, video and voice calls, file transfers, and e-mail. Tencent, the company behind QQ, continually implements new features to respond to young users’ needs. Examples of such features include KuoLie (it helps with expanding networks) and KanDian (it matches content with users).

Link to the website

Baidu Mobile

React Native apps: Baidu Mobile app screenshots

Baidu Mobile is a widely popular search engine in China, with more than 600 million users.

Link to the website

Delivery.com

React Native apps: Delivery.com app screenshots

Delivery.com is a mobile application that allows customers to make orders from local restaurants and stores for on-demand delivery. Their dev team decided to implement React Native into the existing iOS app, starting with releasing three views into production.

Learn more about how Delivery.com is using React Native.

Gyroscope

React Native apps: Gyroscope app screenshots

Gyroscope created a Health Tracking app which helps its users to track everything about their life. It syncs HealthKit data to Gyroscope and provides users with a dashboard. The app’s goal was to help people achieve goals like losing weight or being more productive by using their data.

Learn more about how Gyroscope is using React Native.

Huiseoul

React Native apps: Huiseoul app screenshots

Huiseoul is a conversational e-commerce app that focuses on providing Korean beauty products exclusively to China.

Learn more about how Huiseoul is using React Native.

JD

React Native apps: JD app screenshots

JD.com is a Chinese company that’s:

  • China’s largest online retailer
  • China’s biggest overall retailer
  • Biggest Internet company by revenue in China
  • A member of Fortune Global 500

People can download apps both on Android and iOS.

Link to the website

Vogue

React Native apps: Vogue app screenshots

The Vogue app created with React Native delivers its users the latest news in fashion, beauty, runway and celebrity style, homes, weddings, food, travel, and entertainment.

Link to the website

Grasshopper

React Native apps: Grasshopper app screenshots

Grasshopper is a mobile application created with React Native for those who want to learn how to code. The difficulty levels vary, and users can learn in a fun way using their mobile devices.

Link to the website

Unacademy

React Native apps: Unacademy app screenshots

Another very famous from the examples of apps made in React Native.

Unacademy is the largest online learning platform in India, however, it’s available in multiple languages. It was created with React Native to deliver courses on every possible topic created by the top educators in the country. It has more than 8 million views every single month.

Link to the website

WalkSafe

React Native apps: WalkSafe app screenshots

The WalkSafe application takes care of your safety – it provides a map that visualises crime reports published by the police. Thanks to that, users can see places that are probably dangerous and identify regular trouble spots. The WalkSafe app also alerts its users if they are walking towards areas where crimes like knife attacks, sexual assaults or mugging have been reported.

Link to the website

Shine

React Native apps: Shine app screenshots

Shine is the application that helps you build a self-care ritual that will eventually turn into a healthy habit. You can:

  • Meditate with the help of Daily Shine
  • Connect with other members of an active community
  • Reflect on your mood and get recommendations about content to read

Link to the website

Bitesnap

React Native apps: Bitesnap app screenshots

Bitesnap is a mobile application built with React Native that helps you build healthy eating habits. It can count calories and nutrients after taking a picture of what you are about to eat because the app can recognise the foods in it. 

Link to the website

Bunch

React Native apps: Bunch app screenshots

Bunch is a social app that allows you to play video games with your friends over video chat.

Link to the website

Cake

React Native apps: Cake app screenshots

Cake is a simple language learning app that will help you learn English for free. It’s available both on Android and iOS.

Link to the website

Crisp

React Native apps: Crisp app screenshots

Crisp is the application-based supermarket dedicated to the inhabitants of the Netherlands, which allows them to order quality food straight from the source for delivery.

Link to the website

F8

React Native apps: F8 app screenshots

Every year, Facebook builds Android and iOS apps as a part of its F8 (Facebook Developer) Conference, so all attendees can easily check the schedule and find out more about the speakers and their talks. Applications also remind attendees about upcoming talks and provide announcements when needed.

Link to the website

Emma

React Native apps: Emma app screenshots

Emma is an application that helps you avoid overdrafting, finds wasteful subscriptions, and gives you total control over your finances. It’s available both on Android and iOS.

Link to the website

myGALF

React Native apps: GALF app screenshots

GALF® is a fast-growing wellness aggregator company. They created React Native-based mobile application called myGALF with a set of features:

  • GALF Shop
  • Run Tracker
  • Health and Fitness Event Registrations
  • Services and Panelist Connect

To track steps during a user's run or walk, myGALF uses the Pedometer data from Apple HealthKit.

Link to the website

Helpr

React Native apps: Helpr app screenshots

Helpr provides the highest quality in-house care at an affordable price. They provide different care services via highly-qualified Care Partners.

The application allows users to:

  • Keep a record of their Care Partner’s hours.
  • Contact Helpr or their Care Partner quickly and easily.
  • Find Care Partners in their area right away.
  • Get notification when their Care Partner arrives.

Link to the website

Knowt

React Native apps: Knowt app screenshots

Knowt is an application that automatically turns notes into review quizzes, flashcards, and assignments. It was created by students and for students with React Native. If you want, you can import handwritten notes instead of rewriting them in the application.

Link to the website

Maphi

React Native apps: Maphi app screenshots

Maphi is an application that helps its users learn math in a fun way – you can solve math problems with simple touch gestures. Additionally, Maphi offers apps built with React Native that are available not only on mobile but also on desktop and web.

Link to the website

Myntra

React Native apps: Myntra app screenshots

Myntra is an online fashion store app, one of the biggest and most popular ones in India. Its users can choose from popular brands like Vero Moda, Nike or H&M, and their order will be delivered safely to their home. Myntra app offers priority delivery, early sales, lucrative deals, as well as other perks.

Link to the website

Microsoft Office 365

React Native apps: Microsoft Edge app screenshots

According to AppFigures, most of the Office applications have been rewritten using React Native.

Among them are:

  • Microsoft Edge
  • Excel
  • Outlook
  • PowerPoint

Link to the website

Oval

React Native apps: Oval app screenshots

Oval is the system – rather than just an application – which helps you manage finances and get the most out of your money.

You can:

  • Track expenses
  • Save regularly
  • Invest money
  • Pay smart

Inside you will find:

  • Save – a place for your savings goals
  • Invest – a place where you can manage your investments
  • Pay – a place that is the centre of app availability

Link to the website

Saffron

React Native apps: Saffron app screenshots

Saffron is an application inside which you can save all of your favourite recipes. After that, you can create meal plans and generate grocery lists. As a cook, you don’t need anything else.

Link to the website

School Assistant

React Native apps: School Assistant app screenshots

School Assistant is a free application for students to track their assignments, manage their schedule, check Google Classroom, and more.

App features include:

  • Dashboard
  • Assignments and Tests
  • Schedule
  • Resources
  • Widgets
  • Google Classroom
  • Document Scanner
  • Online Learning

Link to the website

Spendee

React Native apps: Spendee app screenshots

Spendee is a personal finance management application (more than 3 million downloads) that helps its users with:

  • Tracking cash flow – user need to connect bank accounts and e-wallets
  • Understand their finance habits – app analyses where the money goes and where they come from
  • Making their spending stress-free – spending limits and smart budgets don’t allow for overspending

Link to the website

Stillwhite

React Native apps: Stillwhite app screenshots

Stillwhite is the largest online wedding dress marketplace globally, thanks to which you can find your dream wedding dress and save up to 90%.

Link to the website

StreetCred

React Native apps: StreetCred app screenshots

StreetCred is a mobile game where its users compete against each other to map a city. The winner is a player that marked the biggest number of places.

Link to the website

Discussion (0)