¿Cómo comprobar la versión de ReactJS?

React es una biblioteca front-end de Javascript que se utiliza para crear aplicaciones de una sola página (SPA). Si queremos saber qué versión de reacción estamos usando para construir un proyecto, hay algunas maneras fáciles de encontrarlo.

En este artículo, vamos a discutir tres formas de encontrar la versión de React.

1. Usando el archivo package.json
2. Usando la línea de comando
3. Usando la propiedad de versión de la importación predeterminada de React

Usando el archivo package.json

El paquete.json contiene metadatos sobre nuestro proyecto. Se crea de forma predeterminada cuando creamos nuestro proyecto React. Podemos crear una aplicación de reacción usando el comando mencionado a continuación. 

npx create-react-app name_of_the_app

El archivo package.json contiene mucha información en los pares de nombre/valor en formato JSON . Podemos verificar fácilmente nuestra versión de React en la lista de dependencias como se muestra en la imagen que se muestra a continuación.

Usando la línea de comando

Podemos verificar fácilmente la versión de React usando el comando mencionado a continuación en nuestra línea de comando.

npm view react version

El resultado que demuestra el uso del comando anterior en la línea de comando se menciona a continuación.

Usando la propiedad de versión de la importación predeterminada de React

La importación predeterminada de la biblioteca React es un objeto que tiene una propiedad de versión. Podemos usar esta propiedad dentro de nuestros elementos JSX de la manera deseada. 

Sintaxis: La sintaxis para usar la propiedad de versión se menciona a continuación.

import React from 'react';
let a = React.version

Para continuar con el artículo, cree un proyecto de reacción usando el comando que se discutió anteriormente en el artículo. 

Nombre de archivo: App.js El contenido del archivo App.js se menciona en el código que se proporciona a continuación, en el que hemos demostrado el uso de la propiedad de versión en el objeto React.

import React from 'react';
  
const App = () => {
  return <h1>
    We are currently using react version {React.version}
  </h1>;
}
  
export default App;

Paso para ejecutar la aplicación: Utilice el siguiente comando en la línea de comandos para iniciar la aplicación.

npm start

Salida: abra el navegador y vaya a http://localhost:3000 , verá la siguiente salida.