Instalar React en Visual Studio Code

Autor: | Última modificación: 23 de agosto de 2022 | Tiempo de Lectura: 2 minutos
Temas en este post:

¿Quieres saber cómo instalar React en Visual Studio Code? ¡En este artículo te lo explicamos!

React es una librería JavaScript que nos facilita el proceso de crear interfaces de usuario en el desarrollo de aplicaciones de una sola página, también conocidas por sus siglas en inglés SPA (Single Page Applications). En este momento, React es la segunda librería más popular en el mundo de la programación. Por ello, es indispensable aprender cómo funciona si quieres ser un experto del desarrollo web. En este post, te enseñaremos cómo instalar React en Visual Studio Code, el primer paso para empezar a desarrollar con esta herramienta. 

¿Cómo instalar React en Visual Studio Code? 

Antes de ejecutar cualquier acción con React, deberás instalar esta librería en tu proyecto. Para ello, puedes insertar una etiqueta script, un elemento HTML que, como su nombre indica, nos permite insertar códigos de scripts.  

Al buscar “unpkg React 17” en la web, encontrarás distintas opciones para instalar React en Visual Studio Code y en muchos otros softwares de programación. Nosotros te aconsejamos utilizar la página sobre enlaces CDN de reactjs.org. Allí, encontrarás el código que debes insertar para acceder al enlace de descarga a través de un CDN o content delivery network. Con este enlace, podrás hacer que tu aplicación se descargue no solo React, sino también ReactDOM. 

Aunque la librería React tiene todo el código core que necesitas, ReactDOM será muy útil para el desarrollo del navegador. Como su nombre indica, esta extensión de la librería React será la que te permitirá crear elementos dentro del DOM. Es esta la que tiene, por ejemplo, la habilidad para crear divs y spans. Esta relación entre React y ReactDOM también la encontrarás con React Native, una librería que nos permite desarrollar aplicaciones para dispositivos móviles. Para conocer más sobre la filosofía detrás de esta relación entre librerías, te invitamos a leer nuestro post sobre los principios básicos de React.

Entonces, basta con que copies las líneas de código que te sugiere reactjs.org y las pegues dentro del elemento script de tu proyecto. Al hacerlo, tendrás dos elementos script, uno con el acceso a React y otro con el acceso a ReactDOM. 

¿Qué sigue? 

Ahora que sabes exactamente cómo instalar React en Visual Studio Code, ¡es el momento de empezar a utilizar esta poderosa librería! Para conocer más sobre cómo desarrollar con React y muchos otros lenguajes de programación, te invitamos a participar en nuestro Desarrollo Web Full Stack Bootcamp, una formación intensiva en la que aprenderás a dominar lenguajes como JavaScript, React, CSS y HTML. ¡Te esperamos!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Sabías que hay más de 40.000 vacantes para desarrolladores de software sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso! 

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!