Usuario:Emir.Herrera/Taller/ReactJS

ReactJS

editar

ReactJS es una libreria de JavaScript, desarrollada por el equipo de Facebook (hoy Meta), para elaborar componentes web reactivos. Implementa una nueva sintáxis para definir un elemento web llamada JSX, muy parecida a HTML con la versatilidad de poder incrustrar variables.

Tipos de componentes

editar

En React, los componentes pueden definirse de dos maneras distintas, con una función que retorna la descripción del componente, llamados componentes funcionales, o con una clase, componentes de clase. Ambas deficiones son escencialmente lo mismo, excepto que los componentes de funcionales no cuentan con un ciclo de vida. Los ciclos de vida son exclusivos de los componentes de clase

Componente funcional

editar

Componente de clase

editar

Un componente de clase cuenta con dos atributos, "props" y state"

Ciclo de vida

editar

Los componentes de clase cuentan con un ciclo de vida: montaje, actualización y desmontaje. Funciones asociadas con el ciclo de vida:

  • componentDidMount
  • componentWillUnmount

Ganchos

editar

A diferencia de los componentes de clase, los componentes de función no cuentan con un ciclo de vida, por lo cuál hacen uso de ganchos para imitar los anclajes en los momentos del ciclo de vida del componente

Composición

editar

La composición es un patrón de diseño para la construcción de objetos.

Proyecto: Desarrollo Web
Anterior: Desarrollo Web — ReactJS — Siguiente: Desarrollo web