10 Famous React Apps: Examples (2023)

You most likely use React apps everyday, while watching your favorite TV shows, browsing through social media and checking your email. Find out which famous companies built their apps with ReactJS and why.

readtime
January 16, 2023

TL;DR

Introduction

Let’s face it – the digital world is changing as we speak. In such reality, it is definitely hard to adapt to trends. However, that is exactly what the big names in the industry are doing.

Major apps like Facebook, Instagram, Netflix and others are constantly improving their experience and adapting to new frameworks and trends.

As of recently, there is a big word of mouth going around ReactJS and its impressive features.

In case you still haven’t heard about the potential of ReactJS, they are numerous. Basically, React has become very popular among developers and there are lots of resources that make most of its technical merits – just like NodeJS and numerous other related JavaScript frameworks/tools.

The proof for its popularity is best described by the apps that are using ReactJS – and today, we are showing you the list of most impressive apps based on ReactJS.

What is React?

To cut a long story short, React is a JavaScript library for building User Interfaces. Very often it’s misinterpreted as a tool, framework, language. Vendors working with React are able to create large web applications which use data that can change over time, without reloading the page. Its main goal is to be fast, simple and scalable. React processes only user interface in applications.

It is simply a JavaScript runtime. Lightweight, fast and modern way to execute code on your computer.

Why do internet giants choose React apps?

#1 Facebook

Although partially, Facebook is making use of ReactJS. Their webpage is built with React, as the script that is blended in the application code. The mobile app is also built with a version of React called React Native which is similar, although responsible for displaying the iOS and Android native components instead of the DOM elements.

Interestingly, Facebook was the place where the ReactJS library was initially created, which is why it is obvious for the app to use it. Facebook currently opened a beta of its completely rewritten ReactJS, called React Fiber.

#2 Instagram

The use of ReactJS within Instagram is huge. A proof for that is the numerous features including the geolocations, Google Maps APIs, search engine accuracy as well as tags that pop out without hashtags. IT is all there in the API of the app – and is really impressive.

Instagram is completely based on the ReactJS library and has let fans fully adapt to its amazing features.

Instagram is one of the 10 famous apps using ReactJS nowadays.

#3 Netflix

The React version works with Netflix too – specifically on their platform called Gibbon which is used for low-performance TV devices instead of the DOM used in web browsers. Netflix has even published an official blog post explaining how the ReactJS library helps its startup speed, runtime performance, modularity, and various other advantages.

As the UI engineers at Netflix state in the blog post:

<blockquote>Our decision to adopt React was influenced by a number of factors, most notably: 1) startup speed, 2) runtime performance, and 3) modularity.</blockquote

#4 New York Times

A couple of months ago, the New York Times has designed a great new project that simulates different looks of stars on Oscar red carpet. Obviously, this project’s interface was built in React and lets users filter the gallery of different photos from 19 years in a nice way. The re-rendering on this project is only one of the impressive features we can thank ReactJS for.

Justin Heideman backs these reasons up in his blog post on NYTimes Open, stating that:

<blockquote>Within our app we create lightweight, single responsibility Stores. A Store is responsible for managing a particular data request.</blockquote>

New York Times is one of the 10 famous apps using ReactJS nowadays.

#5 Yahoo! Mail

Surprisingly (or not), Yahoo!’s mail client also uses React. Since Facebook owns Yahoo! nowadays, the idea of a solid and unified architecture is there, and that is why React was incorporated in as many bits and pieces as possible. The architecture that is specifically built with React as a piece of it can be seen here – and the Yahoo! developers are summing it up as easier to work with the code and a lot better.

The engineers working on the Yahoo Mail platform needed a lot of upgrades. As they say in a blog post on Tumblr:

<blockquote><p>For the next generation Yahoo Mail platform, we wanted:</p><ul><li>Predictable flow ~ Easy Debugging</li><li>Independently deployable components</li><li>Shorter learning curve</li><li>No dependency on large platform libraries</li></ul></blockquote>

<blockquote><p>In the end we decided to go with React JS and Flux because of the following reasons:</p><ul><li>React implements one-way reactive data flow</li><li>Virtual DOM allows client and server side rendering</li><li>Code in Javascript</li><li>Growing and active community</li></ul></blockquot

#6 Khan Academy

A lot of parts of Khan Academy are based on React currently. One of their JavaScript developers, Joel Burget, shared his personal experience with the ReactJS library and how it differentiates from the traditional Backbone script they were previously using.

He obviously defines it as a worthy upgrade and carefully goes through most of the important features – including the element changing in an efficient way and the elimination of unnecessary re-renders.

#7 WhatsApp

Although there were several betas before it was officially launched, the WhatsApp uses ReactJS for building user interfaces from Facebook, just like it uses Underscore.js and Velocity.js as some of its most efficient engines.

As of recently, the all-new WhatsApp Web app has also been using React, just like the Facebook web experience mentioned above

#8 Vivaldi Browser

One of the technologies behind the popular Vivaldi Browser is the ReactJS library. The engine that this browser is using is named ‘Blink’ and is pretty much the same as Google’s Chrome, built on HTML5, ReactJS, JS, CSS3 and many other engines.

#9 Codecademy

As of August 2014, Codecademy has decided to fully incorporate Facebook’s library. ReactJS was obviously a part of it – and is still one of the key scripts that are based on the app.

From the header to the menu and even the navigation, the ReactJS use is all there on Codeacademy, created as a logical solution that packs all the components for the various pieces.

According to everyone at Codeacademy, some of the aspects of React that they appreciate include the fact that the script is battle-tested, easy to think about, makes SEO easy and is compatible with legacy code and flexible enough for the future.

Also, it provokes building a community and lets you stop worrying about boilerplate.

As they say in their blog post on InfoQ:

<blockquote>React is a lightweight, powerful, battle-tested library for building user interfaces with JavaScript. It’s not a full framework, but rather a powerful tool that may well change the way you approach front-end development. We’ve found it to be an incredibly useful tool for our frontend development, and we’re very happy with our choice.</blockquote>

#10 Dropbox

Dropbox has switched to ReactJS over a year ago. Just at the time when React became very popular amongst app developers.

The plethora o resources that are part of this framework are efficiently utilized by Dropbox as well – widely contributing to the success of this amazing cloud-based storage service and online backup solution.

React apps = perfect user experience

In the end, the reduced risk, the improved efficiency and effectiveness ReactJS developers report, and numerous organizational benefits have all been reasons for the big names in apps to upgrade to ReactJS and exploit the amazing benefits offered by this script.

And even though every framework upgrade takes its toll regarding time and costs, it is absolutely worth it when it comes to creating the perfect user experience – be it on a web or a mobile app.

Resources:

Matt Warcholinski
github
COO & Co-Founder

Read next

No items found...

Get one email a week.
Read it in 60 seconds.
Become a better tech leader.

SUBSCRIBE
brainhub rates and rerences

Bye, waterfall.
Hello, Better Tech Leadership.

Join a community of CTOs and CPOs for leadership lessons served to you weekly. No bullshit attached.

  • Know-how from experienced tech leaders
  • Frameworks and mental models served as simply as possible
  • Once a week in your mailbox, takes 60 seconds to read
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Your personal data will be processed by Brainhub sp. z o.o. for the purpose of sending you informational and educational content, which states the exercise of the data controller’s legitimate interest (article 6(1)(f) GDPR). You can find out more about the processing of your personal data in our Privacy Policy.