Frameworks

Referencia Rápida de React

Cheat sheet imprimible de Referencia Rápida de React, organizado para consulta rápida, estudio y uso de escritorio

Fuente
React Documentation (react.dev)
Licencia
MIT
Actualizado
2026-03-27

Muestra

Qué incluye este cheat sheet

  • Fundamentos de JSX
  • Componentes
  • Estado (useState)
  • Efectos (useEffect)
  • Listas y Claves
  • Manejo de Eventos
  • Renderizado Condicional
  • Hooks
  • Hooks Personalizados
  • API de Contexto

Expresiones y Atributos

const name = "Alice";
const el = <h1>Hello, {name}!</h1>;
const img = <img src={url} alt="photo" />;

Reglas de JSX

{expression}Insertar cualquier expresión JS
classNameUsar en lugar de `class`
htmlForUsar en lugar de `for`
style={{color: 'red'}}Estilos en línea como objeto
<Component />Etiquetas de cierre automático requeridas
<> ... </>Fragment (sin nodo DOM extra)

Descarga el cheat sheet completo con todas las secciones, listo para imprimir

Descargar PDF

Descargas

Elige el tratamiento que mejor se adapta a tu lectura