How to tell if a web application is using ReactJs

Question

I know there are tools like Wappalyzer & BuiltWith that give you information about which framework or library is used in a website. But I need some kind of proof regarding if ReactJs is really used in a website.

After some research I found out that commands like typeof React or window.React.version, but these commands don't work all the time.

Any ideas on how to check reactJs is used a web application?

Answer 1

try the below snippet, thanks for the examples for each site listed by rambabusaravanan. See the below link

if(!!window.React ||
   !!document.querySelector('[data-reactroot], [data-reactid]'))
  console.log('React.js');

if(!!window.angular ||
   !!document.querySelector('.ng-binding, [ng-app], [data-ng-app], [ng-controller], [data-ng-controller], [ng-repeat], [data-ng-repeat]') ||
   !!document.querySelector('script[src*="angular.js"], script[src*="angular.min.js"]'))
  console.log('Angular.js');

if(!!window.Backbone) console.log('Backbone.js');
if(!!window.Ember) console.log('Ember.js');
if(!!window.Vue) console.log('Vue.js');
if(!!window.Meteor) console.log('Meteor.js');
if(!!window.Zepto) console.log('Zepto.js');
if(!!window.jQuery) console.log('jQuery.js');

you can find additional info here link

Answer 2

I had the same problem, and in my case, I found it better to rely on the React Developer Tools.

You can install it in Google Chrome, access the website you want to check, and open the Chrome DevTools.

If the website uses React, the React Developer Tools will include two tabs in the Chrome DevTools:

Otherwise, the React Developer Tools won't include the tabs: