Summary  
This chapter covers managing component state and handling side effects in functional components using the useState and useEffect hooks, and explains how they work together to trigger re-renders and synchronize with external processes.

General domain of usage  
Front-end web development

Aprendiste cómo los componentes de React pueden gestionar datos y responder a los cambios a lo largo del tiempo utilizando **hooks**.

Exploraste el **hook** `useState`, que permite a los componentes funcionales almacenar y actualizar el **estado**. Los cambios de estado provocan nuevas renderizaciones, lo que hace posible construir interfaces interactivas como contadores y campos de formulario.

También aprendiste sobre el **hook** `useEffect`, que se utiliza para manejar **efectos secundarios**. Los efectos se ejecutan después del renderizado y se usan comúnmente para tareas como obtener datos, registrar valores o sincronizar con servicios externos.

Viste cómo `useState` y `useEffect` **trabajan juntos**: el estado controla lo que se muestra, mientras que los efectos controlan cuándo se ejecuta la lógica de efectos secundarios. Esta combinación forma la base de la mayoría de las aplicaciones React en el mundo real.

Explora los fundamentos de la creación de interfaces de usuario con React. Enfócate en componentes, JSX, flujo de datos, estado y efectos secundarios utilizados en aplicaciones React cotidianas.

Explora qué es React y cómo renderiza interfaces de usuario. Enfoque en componentes, sintaxis JSX y visualización de elementos en pantalla.

¿Qué hook se utiliza para gestionar el estado en un componente funcional?

¿Cuándo se ejecuta un hook `useEffect` por defecto (sin un array de dependencias)?

Profundización en el paso de datos entre componentes y el control de la salida de la interfaz de usuario. Enfoque en props, renderizado condicional y renderizado de listas de datos.

Aprenda cómo las interacciones del usuario y los datos externos modifican la interfaz de usuario a lo largo del tiempo. Enfoque en la gestión del estado y el manejo de efectos secundarios con hooks de React.

Explora formas comunes de estilizar componentes de React. Enfoque en la aplicación de estilos mediante estilos en línea y CSS externo.

Aprenda cómo ejecutar un proyecto React y comprender su estructura. Enfoque en iniciar un proyecto con Vite y navegar por los archivos del proyecto.

Resumen de Conceptos Básicos de React Hooks