Creando una app con React

Tutorial para crear una app de react.

Para crear una aplicación en React, debemos de tener instalado node en nuestra computadora. Para windows, podemos instalar la última versión de Node, podemos descargarla desde esta página : https://nodejs.org/en/download/ o en la página https://nodejs.org/.

En la página de Node encontraremos información sobre como instalar node en nuestra pc dependiendo la plataforma.

Para saber si node está instalado ejecutamos el sig comando en la terminal

 node --version

Una vez instalado node, podemos descargar e instalar el kit de desarrollo create-react-app https://github.com/facebook/create-react-app. Para instalarlo solo debemos ejecutar (en la terminal):

npm install -g create-react-app

Para crear un proyecto nuevo ejecutamos (en la terminal):

create-react-app my-app

Nota: Si la versión es superior a la 5 basta con ejecutar en la terminal (sin instalar nada antes ) :

npx create-react-app my-app

Para correr nuestra app (ejecutamos los comandos desde la terminal):

cd my-app
npm start

create-react-app crea una app de react configurada y con lo necesario para ser ejecutada. create-react-app crea una app con la sig estructura:

.
±----- node_modules
±----- public
±----- src
| ±------- App.css
| ±-------App.js
| ±-------index.js
±----- package.json

node_modules es la carpeta donde se instalan todas las dependencias y librerías que utiliza nuestra app.

public contiene los archivos main de nuestro html

src contiene nuestros componentes y assets

App.css es el archivo de estilos principal

App.js contiene nuestro componente contenedor principal de React

index.js es el archivo de configuración inicial

package.json es un archivo json que contiene la información sobre las librerías de las cuales nuestro proyecto depende.

Crear app en React Mostrando Crear app en React.