Descripción General de la Referencia de React

La documentación de referencia de React está dividida en subsecciones funcionales:

React

Funcionalidades programáticas de React:

• Hooks - Usa diferentes funcionalidades de React desde tus componentes.
• Componentes - Componentes integrados que puedes usar en tu JSX.
• APIs - APIs útiles para definir componentes.
• Directivas - Proporciona instrucciones a los empaquetadores compatibles con los React Server Components.

React DOM

React-dom contiene funcionalidades que solo son compatibles con aplicaciones web (que se ejecutan en el entorno DOM del navegador). Esta sección se divide en lo siguiente:

• Hooks - Hooks para aplicaciones web que se ejecutan en el entorno DOM del navegador.
• Componentes - React es compatible con todos los componentes integrados de HTML y SVG del navegador.
• APIs - El paquete react-dom contiene métodos compatibles únicamente con aplicaciones web.
• APIs del cliente - Las APIs de react-dom/client te permiten renderizar componentes de React en el cliente (en el navegador).
• APIs del servidor - Las APIs de react-dom/server te permiten renderizar componentes de React a HTML en el servidor.

Reglas de React

React tiene idioms — o reglas — sobre cómo expresar ciertos patrones de una forma fácil de entender y que permita crear aplicaciones de alta calidad:

• Los Componentes y Hooks deben ser puros – La pureza hace que tu código sea más fácil de entender, depurar y permite que React optimice automáticamente tus componentes y hooks de forma correcta.
• React invoca los Componentes y Hooks – React se encarga de renderizar los componentes y hooks cuando sea necesario para optimizar la experiencia del usuario.
• Reglas de los Hooks – Los hooks se definen utilizando funciones de JavaScript, pero representan un tipo especial de lógica de interfaz reutilizable con restricciones sobre dónde pueden ser llamados.

APIs Legacy

• APIs Legacy - Exportadas desde el paquete react, pero no se recomienda su uso en código nuevo.