Instalar React en Visual Studio Code

Autor: | Última modificación: 13 de febrero de 2023 | Tiempo de Lectura: 2 minutos
Temas en este post:

Algunos de nuestros reconocimientos:

Premios KeepCoding

¿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 VSCode React, deberás instalar React en tu proyecto en Visual Studio Code. 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 para instalar React. 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 VSCode 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 en Visual Studio Code. Es esta la que tiene, por ejemplo, la habilidad para crear divs y spans. Esta relación entre VSCode 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 para instalar React. Al hacerlo, tendrás dos elementos script, uno con el acceso a React y otro con el acceso a ReactDOM en Visual Studio Code

¿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

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado