What are the best apps built with React Native? There’s no doubt the framework is popular among the biggest players. Let’s see who chose React Native and investigate why.
It corresponds with today’s mobile app development market needs, as with two operating systems dominating the landscape, enterprises creating mobile apps often face a decision:
React Native solves that problem.
The concept of creating apps using only one paradigm for all platforms sounds a bit unbelievable.
However, React Native allows the acceleration of the process of building apps across different platforms, thanks to the likelihood of reusing most of the code between them.
React Native is a native version of the popular web library of the same name and its main purpose is to bring the power of React to native mobile apps development.
React Native components are pure, side-effect-free functions that return what the views look like at any point in time.
For this reason, it is easier to write state-dependent views, as you don’t have to care about updating the view when the state changes since the framework does this for you.
The UI is rendered using actual native views, so the final user experience is not as bad as other solutions that simply render a web component inside a WebView.
Let’s explore why those companies chose React Native and what are the results for them.
React Native commenced as Facebook’s hackathon project developed in response to the company’s needs.
Facebook wanted to bring to mobile all the advantages of web development such as:
That is how React Native was brought to life and leveraged in mobile app development for both iOS and Android apps.
Originally, Facebook only developed React Native to support iOS.
However, with it’s recent support of the Android operating system, the library can now provide mobile UIs for both platforms.
Facebook used React Native to develop its own Ads Manager app, creating both an iOS and an Android version. Both versions were created by the same team of developers.
<span class="colorbox1" fs-test-element="box1"><p>Fun fact: Facebook also made React Native open-source, with the idea that compatibility with other platforms like Windows or tvOS could be operated on by the development community, so stay tuned.</p></span>
What Facebook saw was a major performance improvement. Events Dashboard startup is now twice as fast.
Most of the advances made were done at the framework level, which determines your React Native app will automatically benefit when transferring to the latest version of React Native app.
The social networking platform isn’t the only React Native application that was produced under Facebook’s roof.
Facebook Ads was the first React Native app for Android and the first completely React Native based cross-platform app built in the company.
From a design viewpoint, the interface is clean with intuitive UX and simple navigation. The animations and transitions are perfect; they do not feel unnatural or buggy at any point.
The overall experience is brilliant, and if your marketing team isn’t using the app, Facebook strongly recommends them to start.
The first thing you will notice is that the app is lightning fast, regardless of the operations you want to perform; from checking the status of a current campaign to building a new one, all it needs is a second or two at most to navigate to the next level or access the data with ease.
Walmart has already proved its innovative attitude introducing Node.js into its stack. A few years later they also rewrote their mobile app to React Native.
Walmart aims really high, striving to become the world’s largest online retailer. With such big goals, the company needed to make bold moves that involved a higher risk to gain a competitive advantage.
That is why they always seek ways to improve customer experience by trying new technologies.
React Native allows great performance, nearly identical to native apps, and extremely smooth animations.
Walmart managed to improve the performance of the app on both iOS and Android by using fewer resources and within a shorter time span.
96% of the codebase was shared between platforms while the skills and experience of developers were leveraged across the organization.
Bloomberg’s new consumer mobile application for iOS and Android gives clients a streamlined, interactive experience with simple-to-access personalized content, videos, and live feeds featured across Bloomberg’s Media.
An engineering team at Bloomberg’s New York City headquarters produced the app using React Native app technology, the primary tool that actually delivers on the promise of cross-platform native app development.
<blockquote><p>„The consumer mobile app was huge endeavor because we had to transition the entire organization to React Native“ says Gabriel Lew, a senior application engineer at Bloomberg office who led the development team’s effort. </p></blockquote>
Another advantage of React Native is that it automates code refreshes, accelerating the release of new product features.
Instead of recompiling, your app reloads instantly.
Instagram accepted the challenge to integrate React Native into their existing native app.
They began with the simplest view you can imagine – the Push Notification view, which was basically implemented as the WebView. It did not require building navigation infrastructure, as UI was quite simple.
The dev team at Instagram faced a few problems on the way, but they substantially improved developer velocity.
85% to 99% of code was shared between Android and iOS apps, depending on products.
Thus the team was able to deliver the app much faster than they would have with a native solution.
SoundCloud Pulse is an application for creators that helps them manage their accounts and keep their community humming.
When the company started designing the second set of native apps, they faced a few obstacles.
iOS developers were impossible to find and they didn’t want to have a huge gap between the iOS and Android releases.
Therefore, an independent research team started to run user-testing sessions with React Native apps prototypes.
Their experience with the framework was generally positive. Developers found it easier to work on a React Native-based application than on a native application.
Moreover, they were capable of building the application by themselves without frequent input from specialized mobile developers.
Townske aims to be your travel inspiration city guide on your next trip.
The app connects you with locals to get a list of their favorite places and creates a curated list of places to explore and experience as locals do.
It’s not mandatory for users to have an account, which is great, as it allows you to quickly find the next location you want to visit.
Imagine that you have low Wi-Fi connectivity, or that your battery is running low – in these cases, it’s a neat feature to have.
This means the app is faster and has better load times than a typical hybrid app, and a smoother feel.
Gyroscope enables you to see the complete story of your life; it’s the health app on steroids.
Not only can you track steps, your workout, or your heart rate, but with the dozens of integrations, you can also track activities like productivity on the computer, or use sleep tracker and automatic Ai to make sure you get enough sleep.
Thanks to React Native the data is exhibited in two attractive, well-designed views: Simple and Cards mode.
All tracked data is aggregated in daily/weekly/monthly statements, and you can also easily deep-dive into it and pick on which things you want to focus on next.
Started in 2006, Wix is an online company that provides web hosting and website design services.
Users can design and build their sites in HTML5/CSS, as well as mobile websites, using drag and drop utilities.
Two popular features of Wix are that developers can create their own web applications to market to other users and that users do not need to know any coding to create a website.
There are several navigation options available for handling navigation in react native apps like:
The company didn’t settle for any of these, they required extremely configurable navigation and screen options along with a properly maintained and updated codebase.
That’s why they created their own wix-react-native-navigation. See the project on Github.
Whereas native app development is usually linked with inefficiency, lower productivity, and longer time to deployment, React Native delivered Wix the speed and agility of web app development in the hybrid space, all that with native results.
Delivery.com empowers the neighborhood economy by enabling customers to order online from their preferred local restaurants, grocery stores, wine and spirits shops, and laundry and dry-cleaning providers.
Every day more than one million delivery.com customers explore their areas and order from more than 10,000 regional businesses while at home, at work, or on the go.
With headquarters in New York and an expanding presence throughout the U.S., delivery.com offers e-commerce an integral part of local everyday life, helping customers shop, businesses grow, and neighborhoods thrive.
React Native allowed the company to connect the map with the device’s functions like rotate, zoom, and the compass while utilizing less memory and loading faster. If the app supports older operating systems (and older devices), this can help keep the app to run smoothly.
As shown in this article, React Native apps are equipped with a powerful, modern technology that helps businesses all around the globe reach new customers on mobile platforms.
If you’re thinking about expanding your reach and services to smartphones consider choosing React Native.
Get actionable product building tactics in your mailbox, monthly.
No previous chapters
No next chapters