React

2.1 Inicio rápido

¿Quieres empezar a desarrollar tu aplicación inmediatamente y ocuparte de los antecedentes y las distintas alternativas más adelante? En las siguientes secciones aprenderás cómo hacerlo. Para obtener explicaciones y detalles, simplemente continúa leyendo el capítulo hasta el final.

2.1.1 Inicialización

Para inicializar una nueva aplicación React, primero cambie a la línea de comando de su sistema e ingrese el siguiente comando:

npm init react-app library 

Listado 2.1 Inicialización de una aplicación mediante NPM

Un requisito previo para la ejecución exitosa de este comando es una instalación local de Node.js que incluya NPM. El comando npm init crea un nuevo directorio llamado library donde se ubica su aplicación. Todas las dependencias y estructuras están preparadas hasta el punto en que puede iniciar su aplicación con los comandos del Listado 2.2 y comenzar a desarrollar.

cd library
npm start

Listado 2.2 Iniciando la aplicación

En la Sección 2.4.2 se proporcionará más información sobre Node.js y NPM, el administrador de paquetes de Node. En este punto, todo lo que necesita saber es que NPM es parte de la plataforma Node.js, que puede obtener de http://nodejs.org.

2.1.2 Compatibilidad con TypeScript

Te recomiendo que siempre inicialices tu aplicación React, por pequeña que sea, con TypeScript. Para ello, Create React App proporciona plantillas de aplicación. Por ejemplo, el comando

npm init react-app library --template typescript 

Listado 2.3     Inicialización con TypeScript

Integra TypeScript y todas las herramientas necesarias en la aplicación durante la inicialización. Luego, puedes cambiar al directorio y comenzar a desarrollar.