Nuestra primera app (web) en React JS

Vamos a crear nuestra primera app (web) con React JS.

Para ello, exiten varios métodos para empezar, yo voy a utilizar su instalador «create-react-native-app» que Facebook ha desarrollado para facilitarnos la vida.

1 Step.

Nos dirigimos a la terminal y (situados en cualquier carpeta) ejeutamos el siguiente comando:

npm install -g create-react-app 

En el caso que nos responda:

-bash: npm: command not found

Será porque no tenemos instalado Node js. Podemos ir al post de Cómo instalar Node JS en Mac.

En el caso que nos reponda algo parecido a:

/usr/local/bin/create-react-app -> /usr/local/lib/node_modules/create-react-app/index.js
+ create-react-app@1.5.2
added 67 packages from 20 contributors in 1.612s

Es que se ha instalado correctamente y podemos avanzar en nuestra instalación.

2 Step.

Ahora si, desde el terminal nos situamos en la carpeta donde queramos crear nuestro proyecto, en mi caso el Escritorio y ejecutamos el comando de creación:

create-react-app primera-app-react

El proceso tardará unos minutos:

Cuando termine nos guiará con lo que podemos hacer:

Para ver ya resultados tecleamos lo sugerido, nos movemos a la carpeta que acabamos de crear:

cd primera-app-react

Y ahora:

npm start

¡Para que empieze a funcionar nuestra primera app!

Esto ejecutará un servidor y nos abrirá una ventana del navegador con nuestra primera app.

Si es interesante para vosotros iré publicando consejos para trabajar con React JS.


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*