monovm

Follow MonoVM
on social networks
and stay updated
with our new posts.

instagram twitter linkedin Youtube facebook telegram
English
+370 5 205 5502 sales@monovm.com

How to Check React Version? [React Latest Version]

Working with the latest react version will increase your productivity, so this article will help you How to check react version. What current react version is installed in your operating system?

21 Nov, 22 by Antoniy Yushkevych 9 min Read

List of content you will read in this article:

React.js has widened the path and opportunities for many front-end developers to create user-friendly interfaces. It has emerged as a prevalent, robust, open-source JavaScript library that performs data viewing using HTML. You can also recognize it in different notations such as ReactJS, React.js, popularly known as Facebook React.js. This article will guide you on how to check React version and a list of React versions.

Facebook developed ReactJS for creating rich and interactive web-based applications quickly and with minimal coding. The main purpose of ReactJS is to provide efficient rendering performance. It works on different components rather than working on the entire web application. It allows the developers to split the complex UI into smaller and simpler components.

It all started in 2011 when the developers at Facebook faced some critical issues while maintaining their code. While increasing the number of features for the Facebook application, the team required more developers and members to handle and run effortlessly. Adding more members and features for the applications slows down the working of the whole company. 

This led to many issues like handling applications as it required many cascading updates at that time to work efficiently. After some time, these cascading updates got out of the Facebook engineers' hands, and the application required an urgent upgrade.  With such requirements, they were required to introduce a better user experience. So Jordan Walke created a prototype of the model he had in mind that made the process much more comfortable and efficient, giving birth to React.js. 

  • In 2011, Walke introduced an early prototype of ReactJS, which was deployed in Facebook’s feed and then on Instagram by 2012. 
  • As React grew and gained global attention, Facebook announced ReactJS as an open-source in 2013 at JSConf US. 
  • In 2015, React native was introduced at the JSConf, which enabled the development of the native Android, iOS, and UWP with React. Also, in the same year, ReactNative was announced as an open-source.
  • In 2017, React Facebook announced fiber as a core algorithm of React library for creating user interfaces. With time, React Fibre has become the base for any future development of React library.
  • In 2017, React 16.0 Facebook was made available for public use.
  • In 2019, React 16.8 became available to the public and introduced React Hooks.
  • In 2020, the first release of React v17.0 was announced.

Version

Release Date

0.3.0

29 May 2013

0.4.0

20 July 2013

0.5.0

20 October 2013

0.8.0

20 December 2013

0.9.0

20 February 2014

0.10.0

21 March 2014

0.11.0

17 July 2014

0.12.0

21 November 2014

0.13.0

10 March 2015

0.14.1

29 October 2015

15.0.0

7 April 2016

15.1.0

20 May 2016

15.2.0

1 July 2016

15.3.0

30 July 2016

15.3.1

19 August 2016

15.4.0

16 November 2016

15.4.1

23 November 2016

15.4.2

6 January 2017

15.5.0

7 April 2017

15.5.4

11 April 2017

15.6.0

13 June 2017

16.0.0

26 September 2017

16.1.0

9 November 2017

16.3.0

29 March 2018

16.3.1

3 April 2018

16.3.2

16 April 2018

16.4.0

24 May 2018

16.5.0

5 September 2018

16.6.0

23 October 2018

16.7.0

20 December 2018

16.8.0

6 February 2019

16.8.6

27 March 2019

16.9.0

9 August 2019

16.10.0

27 September 2019

16.10.1

28 September 2019

16.10.2

3 October 2019

16.11.0

22 October 2019

16.12.0

14 November 2019

16.13.0

26 February 2020

16.13.1

19 March 2020

16.14.0

14 October 2020

17.0.0

20 October 2020

17.0.1

22 October 2020

ReactJS has gained global popularity within a few years due to its simplicity and flexibility. Most people refer to ReactJS to be the future of web development. Today, more than 40% of the front-end developers are using ReactJS and have developed over 94k sites. Below are some features of why you should consider ReactJS:

Features of ReactJS

  • It helps developers to create applications within JavaScript. With JSX, you can make ReactJS work more straightforward and effortless. It allows you to create new and advanced UI features that you can see in real-time with the help of ReactJS. With ReactJS, you can include HTML directly in JavaScript.
  • It works on component concepts and breaks down the complex UI into simpler components for efficient working. It is unique due to its components feature. You do not have to worry about the complete web application as it breaks the complex UI/UX development process into smaller and simpler components, making every component more intuitive and independent. 
  • It allows you to use props for populating components using custom data. With the help of props, you can pass the customized data to a specific UI component. It will enable you to fill in a blank while rendering the JSX components. 
  • ReactJS provides a state that allows you to store all the dynamic data in one section. If you are using ReactJS, the developer keeps all the changing content in a single section. Using state, you can create a single web application more straightforwardly, as you will get all the data from one single source or section.
  • You can create ReactJS applications faster using the Virtual DOM. While creating ReactJS, developers suggested that changing or updating the old HTML may be challenging and expensive and introduced the concept of Virtual DOM. It helps ReactJS understand when to re-render or ignore it as it can easily detect data change. If your UI reacts instantly while making changes, it may affect the user interface.

Various methods are available to check the installed ReactJS version on your operating system. Here we have added some of the most commonly used methods to check React version; what current react version do you have?

Methode 1: You can check React JS version directly by visiting the JSON file. You can find the version of the React app under the dependencies{} section, as shown below.

As per the output, you can see the ReactJS version as 16.13.1.

Method 2: Another simple method to check React latest version is by navigating to the node_modules/react/cjs/react.development.js You can check the version under the comment section below the image.

As per the output, you can see the ReactJS version as 16.13.1.

Method 3: You can use the following method to check the React JS version that you are using on your system. You can add the below-mentioned code in your React component, and it will display the result using the web browser

Replace the following mentioned code with the existing code in the src/App.js

After changing the code, save the content of the file. Now, you can run the below command to display the React version on the web browser.

npm start

Method 4: Use the command line to check the latest version of ReactJS. You can run the below command.

npm view react version

Method 5: You can run the following command to check the version of the React native.

npm view react-native version

Method 6: You can use the below-mentioned command to check the react-native version installed on your local development system command.

npm ls react-native -g

How to check what packages are installed in react app?

To check what packages are installed in a React application, you can run a simple command from your app’s root folder to get the details.

npm list --depth 0

ReactJS has gained much popularity quickly and is a widely used javascript library to develop web-based applications. As compared to other frameworks, ReactJS is mostly the preferred library for front-end developers.

Various versions have been launched so far and provide multiple new features. If you are working on the ReactJS app, you must have the information about which React version you are using currently, so the above listed various methods to help you how to check React version installed on your system. If you think of any other method that can help react programmer check current react version, you can list it via the below listed comment box.

People Are Also Reading:

Antoniy Yushkevych

Master of word when it comes to technology, internet and privacy. I'm also your usual guy that always aims for the best result and takes a skateboard to work. If you need me, you will find me at the office's Counter-Strike championships on Fridays or at a.yushkevych@monovm.com