How to Check React App Version?

In this tutorial, we will see how we can check the react app version, and how we can check the current version of ReactJS in using the project.

We all know ReactJS is a javascript library used to build single-page frontend applications. And ReactJS community continues to improve and add more features in the upcoming version.

So if you want to check the current version of React that you are using in your project then check out the following ways.

Check React App Version

There are many ways to check the react app version in your working project. You can use any of them to know the version of ReactJS that is used in an application.

Following are the four methods to check the version of ReactJS.

1. using package.json file
2. via command line
3. with React property
4. from node_modules files

Check React Version From package.json File

In this method, we will use the package.json file to check the react app version currently that we are using.

To check the react version using the package.json file, you can open the package.json file from your root project.

The package.json file has lots of information about the project like the project name, script commands, and all dependencies that we are using in the project.

You can check the react version under the dependencies section object. You will see your current react app version like the following.

"name": "first-react-application",
"version": "0.1.0",
"private": true,
"dependencies": {
   "@testing-library/jest-dom": "^4.2.4",
   "@testing-library/react": "^9.5.0",
   "@testing-library/user-event": "^7.2.1",
   "react": "^18.1.0",
   "react-dom": "^18.1.0",
   "react-scripts": "5.0.1",
   "chart.js": "^3.7.1",
   "bluebird": "^3.7.2",
   "moment": "^2.29.3",
},
...
...
...

Check React Version via Command

You can also check the react app version using the command line. You just have to type the version check command.

If you don’t know the command to check the react version then don’t worry I will show you.

To check the react app version details via the command line, enter the following command in your terminal. You can also use the vs code terminal and enter the command to check the react version.

npm view react version

When you type the above command and hit enter, you will get the react version printed on the terminal in the next line. See the following image for reference.

If you want to know the version of react-native then use the following command in the terminal.

npm view react-native version

It will also give you the version of react-native installed on your machine.

Check React Version From React Property

In this case, we will check the react version with the default version property of React import from ‘react’.

We will use this property in our JSX component to print the current react version used in the project.

You simply need to import React first, then we will get the version property from React. and print it.

import React from 'react';

function CheckReactVersion() {
   return (
      <div classname="react-version">
         Current React version: <strong>{React.version}</strong>
      </div>
   );
}
export default CheckReactVersion;

Make the component like above get the version of React and then start the react application to print the react version on the web browser.

Check React Version From node_modules File

There is one more way to check the react app version from node_modules core packages files. You have to navigate to node_modules/react/cjs/react.development.js file and open it in vs code editor or any editor.

You will see the react version commenting at the top of the file react.development.js. See the following image for reference.

Hope you like it. If you found this helpful please share it with your network.

See Also: 5 Ways to Check WordPress Version