Introducción a React - Parte 1

React es una librería creada por Facebook y no un framework. La diferencia entre una librería y un framework radica en que las librerías son código que ya está escrito que se puede reutilizar en los proyectos, mientras que un framework es la unión de muchas librerías y está pensando para solucionar una necesidad completa. Por esto, react es considera una librería, pues nos cube una sola necesidad: crear componentes web.
Un componente web es una separación de una funcionalidad en las aplicaciones web.

Node js es un servidor de aplicaciones web que sirve para desplegar la aplicación en el local y poder desarrollarla en el ambiente de desarrollo. 

Los comandos principales para hacer uso de React son:

npx create-react-app movies-app: Crea el directorio “movies-app” y dentro de ese directorio descarga todo lo necesario para un proyecto de React.

npm start: Comando para inicializar la aplicación en el ambiente local.

npm run build: Comando que crea el bundle, es decir, el que compila el programa.

npm test: Comando que sirve para correr los test unitarios.

npm run eject: Comando que elimina las dependencias.

Cuando se sube el código de la aplicación, es necesario obtener las componentes. Para esto, se utiliza el siguiente comando:

npm install: Comando que busca las dependencias y las instala.

Cuando se inicializa con “npm start” se crea una carpeta “movie-app”, dentro de ella se tiene un archivo “package.json” el cual es el archivo principal de un proyecto npn. Este tiene toda la información de la aplicación en cuento a dependencias y scripts que puede ejecutar la aplicación

**Dependencias: Son las librerías que se tienen instaladas en la aplicación.

El componente principal que crea react es el “index.js” ubicado en “src”>”index.js”. Utiliza el DOM para renderizar el código.
**DOM(Document Object Model): Es como el navegador crea las componentes de las páginas para poder interactuar con ellas a partir de javascript.

La carpeta “node_modules”: Donde quedan instaladas todas las librerías que se tienen en el apartado de dependencias.

“src”>“App.js” : App.js contiene todo el código que me muestra en la página principal

“src”>“index.css”: index.css contiene los estilos principales de la aplicación.

Nota: Con React se puede embeber código javascript dentro de html. Se puede, desde las etiquetas, poner código javascript.