More chapters are coming!Notify me
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.
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?
Why do internet giants use ReactJS?
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.
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.
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:
Our decision to adopt React was influenced by a number of factors, most notably: 1) startup speed, 2) runtime performance, and 3) modularity.
#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:
Within our app we create lightweight, single responsibility Stores. A Store is responsible for managing a particular data request.
#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:
For the next generation Yahoo Mail platform, we wanted:
- Predictable flow ~ Easy Debugging
- Independently deployable components
- Shorter learning curve
- No dependency on large platform libraries
In the end we decided to go with React JS and Flux because of the following reasons:
- React implements one-way reactive data flow
- Virtual DOM allows client and server side rendering
- Growing and active community
#6 Khan Academy
A lot of parts of Khan Academy are based on React currently. One of their 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.
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.
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:
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.
In the end, the reduced risk, ReactJS development efficiencies, improved effectiveness, 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.
This article is a part of Handbook:React Web Development: A Practical Guide for CTOs
Liked this chapter?
Awesome! We’ll be adding new content on this topic soon. Want to be notified?