RECT JS

Para su instalación debemos tener instalado Node.js ya que esta herramienta permite ejecutar
código JavaScript. También debe contar con un editor de texto, se recomienda usar Visual Studio
Code.

1. Para su instalación ejecutamos el siguiente comando en DOS, depende en la ruta en que

se va alojar el proyecto le asignamos un nombre.

Algunos comandos que se van a ejecutar dependiendo la necesidad o acción que se requiera.

 Npm – instalar nuevos programas de JavaScript

 Npm Start – Es el servidor de desarrollo que ejecuta los cambios
 Npm build – permite empezar a crear la aplicación

Conceptos básicos

 Archivo README.md

Nos permite crear notas, donde se almacena, organiza, mantiene y difunde información digital,
habitualmente archivos informáticos, como un repositorio.

Para visualizarlo como un archivo plano sin declaraciones podemos utilizar la siguiente función
Con la tecla F1, buscamos markdown preview.

 Archivo Package.json

En este archivo describe de que trata el proyecto es decir datos como el

 Nombre
 Versión
 Dependencias que se van a utilizar – las librerías de react js
  Script – módulos configurados

 Archivo Package-lock.json

Funcionamiento interno, donde se alojan todos los modulos.

 Archivo .gitignore

Los que estén alojados en este archivo, serán ignorados para no ser subidos en un repositorio.

 Archivo Public

Donde se aloja el template o archivo que permite implementar la aplicación de react en index –
permite agregar css, JavaScript cosas básicas del HTML como head body css.

 Archivo Src

Se alojan Archivos que ejecutan el aplicativo el index.js donde primero se importan los modulos el
archivo de estilos como index.css, nos permite exportar logotipos, fuentes, imágenes

Componentes

Dentro de los componentes se pueden crear más componentes, se puede dividir en múltiples
depende la aplicación
 - Creación de una función de componentes

Los componentes deben tener mayúscula al inicio del nombre

Se pueden reutilizar componentes

El desarrollador no tiene que buscar en todo el código para poder realizar cambio en cada
componente, solo lo cambia al componente principal y ya por defecto se configura los demás.

- Props propiedades