Crear nuestro primer proyecto

1. Instalamos nodejs

2. Ejecutamos el siguiente comando:

npx create-react-app mi-aplicacion

Estructura del proyecto recién creado

  • README.md → Contiene documentación del software. En este caso, documentación de la aplicación generada con create-react-app. Lo apropiado sería sobreescribirlo con la documentación del proyecto que estamos desarrollando. Habitualmente, puede estar escrito con texto plano (extensión .txt) o en formato markdown (extensión .md).
  • package.json
    • Sirve para administrar las dependencias.
    • Tiene los scripts del proyecto.
    • Tiene el nombre y versión del proyecto.
  • node_modules → es una carpeta donde se encuentran las dependencias del proyecto (referenciadas en el fichero package.json).
  • .gitignore → este fichero indica los ficheros y carpetas que serán ignorados por git. Por ejemplo, no queremos que la carpeta node_modules sea subida a ningún repositorio, ya que ocupa mucho y dichas dependencias son instaladas automáticamente a partir de la información indicada en el fichero package.json cuando ejecutamos el comando npm i.
  • public → utilizaremos esta carpeta para alojar los assets de nuestro proyecto (imágenes, videos, audio, etc).
  • src → esta carpeta almacenará el código fuente que vamos a programar. Aquí es donde realmente está la magia

Arrancar una aplicación

npm start
← Configuración del Visual Studio Code para React
Código JSX en nuestro proyecto de React →

Aviso Legal | Política de privacidad