Instalar entorno de trabajo y crear proyecto de React – #ReactEn30Dias

En el día 2 del desafío #ReactEn30Dias, vamos a aprender cómo instalar el entorno de trabajo de React y crear nuestro primer proyecto. Para poder trabajar con React, necesitamos tener Node.js instalado en nuestra computadora. Si aún no lo tienes, puedes descargarlo desde nodejs.org.

Paso 1: Instalar create-react-app

Una vez que tenemos Node.js instalado, vamos a instalar create-react-app, una herramienta que nos permite crear proyectos de React de forma rápida y sencilla. Para instalar create-react-app, abrimos nuestra terminal (en Windows podemos usar el comando PowerShell) y ejecutamos el siguiente comando:

npm install -g create-react-app

Una vez que la instalación haya completado, ya estamos listos para crear nuestro primer proyecto de React.

Paso 2: Crear un nuevo proyecto de React

Para crear un nuevo proyecto de React, simplemente ejecutamos el siguiente comando en nuestra terminal:

create-react-app mi-primer-proyecto

Este comando creará una nueva carpeta llamada “mi-primer-proyecto” con toda la estructura necesaria para empezar a trabajar con React. Dentro de la carpeta, encontrarás los archivos y carpetas necesarios para comenzar a desarrollar tu aplicación.

Paso 3: Iniciar el servidor de desarrollo

Una vez que hemos creado nuestro proyecto de React, podemos iniciar el servidor de desarrollo para ver nuestra aplicación en acción. Para hacer esto, nos movemos a la carpeta de nuestro proyecto y ejecutamos el siguiente comando:

cd mi-primer-proyecto
npm start

Este comando iniciará un servidor local y abrirá tu aplicación en tu navegador. Ahora puedes comenzar a desarrollar tu primera aplicación en React.

¡Felicidades! Has logrado instalar tu entorno de trabajo de React y crear tu primer proyecto. ¡Sigue adelante con el desafío #ReactEn30Dias y sigue aprendiendo sobre React!