How To Check The Version of ReactJS Project?

Whether you're debugging an issue, updating a project, or just curious, about knowing the version of ReactJS used in your application, you can easily do it using these simple methods.

In this article, we’ll walk you through different ways to check the version of ReactJS used in a project using methods like package files, CLI, and the browser console.

How to Check the ReactJS Version

Here are different methods to determine the version of ReactJS.

1. Using the package.json file

The package.json contains metadata about our project. It is created by default when we create our React project. We can create a react app using the command mentioned below. 

npx create-react-app project-name

The package.json file contains a lot of information in the name/value pairs in JSON format. We can easily check our React version under the list of dependencies in the package.json file.

2. Using the command line

We can easily check the React version by using the command in the command line

npm list react

3. Using the version property of default import from React

The default import from React library is an object that has a version property on it. We can use this property inside our JSX elements in our desired manner. 

// Filename - App.js

import React from "react";

const App = () => {
    return (
        <h1>
            We are currently using react version{" "}
            {React.version}
        </h1>
    );
};

export default App;

Output

4. Check the Version in the Browser (React Developer Tools)

React Developer Tools is a browser extension available for both Chrome and Firefox. It provides an easy way to inspect the React component tree and check the version of React being used in a live application.

Steps:

• Install React Developer Tools for your browser (available for Chrome or Firefox).
• Open the application you want to inspect in your browser.
• Open the Developer Tools (Right-click on the page > Inspect or press Ctrl+Shift+I).
• Click on the React tab (if installed and detected).
• In the top-right corner of the React tab, you’ll see the React version displayed, like

React version: 19.1.0

Conclusion

In this article, we explored several methods to check the version of ReactJS in your project. Whether it's through inspecting the package.json file, using the command line, accessing the version via React’s default import, utilizing React Developer Tools, or checking with create-react-app, these methods help ensure you're aware of the React version you're working with.

shivamsingh00141

Follow

Improve

Article Tags :

• Web Technologies
• ReactJS
• React-Questions
• React-Versions