How to check the installed version of React-Native

React Native

React Native Problem Overview


I'm going to upgrade react-native but before I do, I need to know which version I'm upgrading from to see if there are any special notes about upgrading from my version.

How do I find the version of react-native I have installed on my Mac?

React Native Solutions


Solution 1 - React Native

To see what version you have on your Mac(Window also can run that code.), run react-native -v and you should get something like this:

enter image description here

If you want to know what version your project is running, look in /node_modules/react-native/package.json and look for the version key:

enter image description here

Solution 2 - React Native

The best practice for checking the react native environment information.

react-native info

which will give the information

React Native Environment Info:
System:
  OS: Linux 4.15 Ubuntu 18.04.1 LTS (Bionic Beaver)
  CPU: (8) x64 Intel(R) Core(TM) i7-3770 CPU @ 3.40GHz
  Memory: 2.08 GB / 7.67 GB
  Shell: 4.4.19 - /bin/bash
Binaries:
  Node: 8.10.0 - /usr/bin/node
  Yarn: 1.12.3 - /usr/bin/yarn
  npm: 3.5.2 - /usr/bin/npm
npmPackages:
  react: 16.4.1 => 16.4.1 
  react-native: 0.56.0 => 0.56.0 
npmGlobalPackages:
  react-native-cli: 2.0.1
  react-native: 0.57.8

Solution 3 - React Native

You can also open your package.json file in node_modules -> react-native.

The version is at the top:

 {
  "name": "react-native",
  "version": "0.12.0",
  ...
 }

Solution 4 - React Native

If you want to see which version of react-native, react or another one you are running, open your terminal or cmd and run the desired command

npm view react-native version
0.63.4
npm view react version
17.0.1
npm view react-scripts version
4.0.1
npm view react-dom version
17.0.1

see my terminal

Solution 5 - React Native

Move to the root of your App then execute the following command,

react-native -v

In my case, it is something like below,

MacBook-Pro:~ admin$ cd projects/

MacBook-Pro:projects admin$ cd ReactNative/

MacBook-Pro:ReactNative admin$ cd src/

MacBook-Pro:src admin$ cd Apps/

MacBook-Pro:Apps admin$ cd CabBookingApp/

MacBook-Pro:CabBookingApp admin$ ls
MyComponents		__tests__		app.json		index.android.js	
ios			package.json
MyStyles		android			img			index.ios.js		
node_modules

Finally,

MacBook-Pro:CabBookingApp admin$ react-native -v
react-native-cli: 2.0.1
react-native: 0.44.0

Solution 6 - React Native

To see the local packages installed in your project including their versions and without their dependencies, run the below command from the project's root directory. In a React native app this would include the react-native package.

npm list --depth 0

Or if you installed them with yarn:

yarn list --depth=0

And to get just a specific package:

npm list react-native --depth 0
yarn list --pattern react-native --depth=0

Solution 7 - React Native

this works for me

npm view react-native version

Output is: 0.63.4

npm view react version

17.0.1

npm view react-scripts version

4.0.1

npm view react-dom version

17.0.1`

Solution 8 - React Native

Find out which react-native is installed globally:

npm ls react-native -g

Solution 9 - React Native

If you are using npx you can run:

npx npm view react-native version

Solution 10 - React Native

If you have installed "react-native" globally then just open terminal/command line tool and type react-native -v you will get your answer.

And if you have installed "react-native" for a specific project then open terminal/command line tool and then navigate to your project and type react-native -v you will get your answer.

Solution 11 - React Native

You can run this command in Terminal:

> react-native --version

This will give react-native CLI version

Or check in package.json under

"dependencies": {
    "react": "16.11.0",
    "react-native": "0.62.2",
}

Solution 12 - React Native

I know 2 ways to test react-native version

  1. Open cmd and type 'react-native --v' or 'react-native --version'
  2. Open your project and open package.json file. U will see react-native version

Solution 13 - React Native

First, make sure npm is installed on your system. Use: [sudo] npm install npm -g to download and install it.

Solution 14 - React Native

Just Do a "npm audit" on your project directory and then go to your project package.json file. In the package.json file you will find all the versions and the package names.This should work irrespective of the OS.

Solution 15 - React Native

You have two option

  1. run in cmd or Terminal
react --version
react-native --version
  1. check in the project files, open the Package.json

Solution 16 - React Native

Check your Package.json file to know react-native version.

OR

Open terminal and run command react-native -v

Solution 17 - React Native

react-native Usage: bin [options]

Options: --version Print CLI version --verbose Increase logging verbosity -h, --help output usage information react-native --version use this command

Solution 18 - React Native

If you installed react native globally, on your terminal type:

  react-native --version

But if you installed without the global flag -g, type:

 npx react-native --version

Or

 yarn react-native --version

(If you have yarn installed)

Solution 19 - React Native

If you have installed "react-native" globally then just open your terminal and use react-native -v to get the version installed on your pc.

Solution 20 - React Native

Just open the below file in your project :-

> package.json

under dependencies object you will get the version of react-native

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionEmre KenciView Question on Stackoverflow
Solution 1 - React NativeNader DabitView Answer on Stackoverflow
Solution 2 - React NativeZeeshan AnsariView Answer on Stackoverflow
Solution 3 - React NativeJohn RobertsView Answer on Stackoverflow
Solution 4 - React NativeDálcio Macuete GarciaView Answer on Stackoverflow
Solution 5 - React NativehygullView Answer on Stackoverflow
Solution 6 - React NativeSteve CareyView Answer on Stackoverflow
Solution 7 - React NativeNasreen UstadView Answer on Stackoverflow
Solution 8 - React NativeBill ZelenkoView Answer on Stackoverflow
Solution 9 - React NativeprogramandoconroView Answer on Stackoverflow
Solution 10 - React NativeDivyang SolankiView Answer on Stackoverflow
Solution 11 - React NativeSwiftView Answer on Stackoverflow
Solution 12 - React NativeNguyen Thanh SonView Answer on Stackoverflow
Solution 13 - React NativeMohammad KazemiView Answer on Stackoverflow
Solution 14 - React Nativesg28View Answer on Stackoverflow
Solution 15 - React NativeChaurasiaView Answer on Stackoverflow
Solution 16 - React NativeRavi SharmaView Answer on Stackoverflow
Solution 17 - React NativeSwiftView Answer on Stackoverflow
Solution 18 - React NativeDigi CoderView Answer on Stackoverflow
Solution 19 - React NativePrachet ShahView Answer on Stackoverflow
Solution 20 - React NativeSaurabView Answer on Stackoverflow