mapa conceptual de React

1. Componentes

1.1. Bloques reutilizables de la interfaz de usuario.

1.1.1. Clases

1.1.1.1. Utilizan métodos de ciclo de vida para gestionar el estado y otras operaciones. Definidos como clases que extienden React.Component.

1.1.1.1.1. componentDidMount

1.1.1.1.2. componentDidUpdate

1.1.1.1.3. componentWillUnmount

1.1.2. Funcionales

1.1.2.1. Utilizan Hooks para gestionar el estado y otros aspectos.

1.1.2.1.1. useContext

1.1.2.1.2. useState

1.1.2.1.3. useEffect

2. JSX

2.1. Extensión de la sintaxis de JavaScript.

2.2. Permite escribir HTML dentro de JavaScript.

2.3. Se transforma en llamadas a React.createElement durante la compilación.

3. Props

3.1. Propiedades que se pasan a los componentes para configurarlos.

3.2. Son inmutables dentro del componente.

4. Estado (State)

4.1. Datos que cambian con el tiempo y afectan lo que se renderiza.

4.2. Gestionado en componentes de clase y componentes funcionales que utilizan Hooks.

5. Eventos

5.1. Manejo de eventos como

5.1.1. onClick

5.1.2. onChange

5.1.3. onSubmit

5.2. Normalizados para funcionar de manera consistente en todos los navegadores.

6. Virtual DOM

6.1. Representación en memoria del DOM real.

6.2. React actualiza el Virtual DOM y luego sincroniza los cambios con el DOM real para mejorar el rendimiento.