ReactJS

Material

Instalación del entorno

Seguí las instrucciones que están en este sitio.

Crear un proyecto React

Para crear un proyecto React desde la consola Git Bash o bien desde una terminal Linux escribimos:

Por defecto la aplicación cliente levantará en el puerto 3000. Como suele quedarse levantada aun cuando canceles la línea de comando y el navegador, te dejamos este link que te dice cómo bajar el proceso del sistema operativo para correr otro ejemplo.

Ejemplos nuestros

  • Hola-mundo: el primer ejemplo en React, contiene dos componentes
    • un contador al que podemos sumarle o restarle uno
    • un label que permite saludar a una persona (muestra cómo pasarle parámetros a un componente)
    • explica los conceptos componente, props, estado, y da una introducción al testeo unitario de componentes con Jest + Enzyme
  • Conversor: el tradicional conversor de millas a kilómetros.
    • Hay un branch conversor-inmutable que define un conversor con estado, más parecido a los ejemplos vistos anteriormente.
    • Explica el ciclo de vida mutación de estado y posterior render, testing y la arquitectura de ambas soluciones
  • Tareas de un equipo de desarrollo contra un backend REST (muestra el uso de servicios asincrónicos, sin Redux)
  • Contador con React Context
  • Mundial 2018 Rusia
  • Y por último tenés un tutorial paso a paso que desarrolla una aplicación en React, NodeJS y Firebase para mostrar charlas de una conferencia

Redux - versión histórica

Si te interesa conocer ejemplos utilizando estado global con Redux, te dejamos estos ejemplos que son del 2018 y que reemplazamos por otras variantes que consideramos mejores

Ejemplos en Internet