React First Project

Un Overview sobre React

Cómo empezamos un proyecto?

Lo haremos desde cero :)

PD: los comandos son en la terminal de Linux Debian

Primero vamos a necesitar instalar NodeJS y npm, el más actual

Vamos a utilizar una herramienta muy buena que nos permite empezar a codear sin tener que configurar, esta se llama Create React App

Create React App instala por nosotros todo lo necesario como React, JSX, ES6, soporte de Flow… Y las configuraciones que nos llevan un tiempo extra como Webpack y Babel. Además prepara herramientas de debugging como ESLint y Jest para testing. GRACIAS ❤

Para instalarlo:

Ahora ya podemos crear el primer proyecto.

Y también levanta un servidor que facilita el desarrollo.

Genial ahora dentro de la carpeta de primer-react veras los siguientes archivos:

Dentro de public, coloca las imágenes, css, etc. Dentro de src, está todo el código, abre App.js en un editor de texto (te recomiendo Visual Code Studio).

Listo ahora podemos editar los archivos, prueba quitar:
To get started, edit <code>src/App.js</code> and save to reload.
Y escribe tu nombre, guarda el archivo y veras que en la terminal aparece Compiled successfully! si todo salió bien :) Vuelve a ver el browser y verás que ya se actualizó.

Ahora le agregaremos un poco de JS dentro del HTML, cuando coloques JS colócalo dentro de llaves {}
Escribe tú nombre

Es un operador ternario, guarda y si todo sale bien verás en el Browser Hola! :) o Bienvenid@

Prueba jugar un poquito :)

Más sobre JSX te puede servir Intro To JSX de codecademy.com

Para detenerlo en la terminal presiona ctrl c