Creación de un proyecto en React

Creación de un proyecto en React

Requisitos Previos

Antes de comenzar, asegúrate de tener instalado lo siguiente:

• Node.js: Puedes descargarlo desde nodejs.org.
• npm (viene con Node.js).
• Un editor de código como VS Code.

Paso 1: Crear el Proyecto

Abre una terminal y ejecuta el siguiente comando para crear un nuevo proyecto de React:

Este comando generará una estructura básica para tu aplicación en React.

Paso 2: Navegar al Proyecto

Una vez que se haya creado el proyecto, entra en el directorio del proyecto ejecutando:

Paso 3: Limpiar el Proyecto

El proyecto que acabas de crear viene con archivos innecesarios para este ejemplo. Para mantenerlo limpio, elimina el contenido dentro de src/ y crea un nuevo archivo App.js. Este archivo será el componente principal de nuestra aplicación.

Paso 4: Crear el Componente App.js

Dentro de la carpeta src, crea un archivo llamado App.js con el siguiente código:

Paso 5: Estilos CSS

Si deseas agregar un poco de estilo al proyecto, crea un archivo llamado App.css en el directorio src:

Paso 6: Ejecutar la Aplicación

Finalmente, para ver tu contador en funcionamiento, ejecuta el siguiente comando en la terminal: