3d:["$","hr","28",{"children":"$undefined"}] 3e:["$","h2","30",{"children":"Constraint keyof"}] 3f:["$","pre","32",{"children":["$","code",null,{"className":"language-typescript","children":["// Obtener valor de propiedad con type safety\nfunction obtenerPropiedad(obj: T, clave: K): T[K] {\n return obj[clave];\n}\n\nconst usuario = { nombre: 'Alicia', edad: 30 };\n\nconst nombre = obtenerPropiedad(usuario, 'nombre'); // tipo: string\nconst edad = obtenerPropiedad(usuario, 'edad'); // tipo: number\nobtenerPropiedad(usuario, 'email'); // ",["$","svg","1",{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-x inline-block w-5 h-5 text-red-500 align-text-bottom mr-1","aria-hidden":"true","children":[["$","path","1bl5f8",{"d":"M18 6 6 18"}],["$","path","d8bk6v",{"d":"m6 6 12 12"}],"$undefined"]}]," Error: 'email' no está en Usuario\n"]}]}] 40:["$","hr","34",{"children":"$undefined"}] 41:["$","h2","36",{"children":"Interfaces Genéricas"}] 42:["$","pre","38",{"children":["$","code",null,{"className":"language-typescript","children":"// Contenedor genérico\ninterface Caja {\n valor: T;\n obtenerValor(): T;\n}\n\nconst cajaNumero: Caja = {\n valor: 42,\n obtenerValor() { return this.valor; }\n};\n\n// Respuesta de API genérica\ninterface RespuestaApi {\n datos: T;\n estado: number;\n mensaje: string;\n}\n\ninterface Usuario {\n id: number;\n nombre: string;\n}\n\nconst respuesta: RespuestaApi = {\n datos: { id: 1, nombre: 'Alicia' },\n estado: 200,\n mensaje: 'Éxito'\n};\n"}]}] 43:["$","hr","40",{"children":"$undefined"}] 44:["$","h2","42",{"children":"Clases Genéricas"}] 45:["$","pre","44",{"children":["$","code",null,{"className":"language-typescript","children":"class Pila {\n private items: T[] = [];\n\n push(item: T): void {\n this.items.push(item);\n }\n\n pop(): T | undefined {\n return this.items.pop();\n }\n\n peek(): T | undefined {\n return this.items[this.items.length - 1];\n }\n}\n\nconst pilaNumeros = new Pila();\npilaNumeros.push(1);\npilaNumeros.push(2);\nconst tope = pilaNumeros.pop(); // tipo: number | undefined\n\nconst pilaStrings = new Pila();\npilaStrings.push('hola');\n"}]}] 46:["$","hr","46",{"children":"$undefined"}] 47:["$","h2","48",{"children":"Parámetros de Tipo por Defecto"}] 48:["$","pre","50",{"children":["$","code",null,{"className":"language-typescript","children":"// Tipo por defecto si no se especifica\ninterface Contenedor {\n valor: T;\n}\n\nconst c1: Contenedor = { valor: 'hola' }; // T es string\nconst c2: Contenedor = { valor: 42 }; // T es number\n\n// Función con default\nfunction crearArray(longitud: number, valor: T): T[] {\n return Array(longitud).fill(valor);\n}\n"}]}] 49:["$","hr","52",{"children":"$undefined"}] 4a:["$","h2","54",{"children":"Patrones Prácticos"}] 4b:["$","h3","56",{"children":"Factory Genérica"}] 4c:["$","pre","58",{"children":["$","code",null,{"className":"language-typescript","children":"function crearInstancia(ctor: new () => T): T {\n return new ctor();\n}\n\nclass Usuario {\n nombre = 'Default';\n}\n\nconst usuario = crearInstancia(Usuario); // tipo: Usuario\n"}]}] 4d:["$","h3","60",{"children":"Generic con Múltiples Constraints"}] 4e:["$","pre","62",{"children":["$","code",null,{"className":"language-typescript","children":"interface TieneId {\n id: number;\n}\n\ninterface TieneNombre {\n nombre: string;\n}\n\nfunction procesar(item: T): string {\n return `${item.id}: ${item.nombre}`;\n}\n"}]}] 4f:["$","hr","64",{"children":"$undefined"}] 50:["$","h2","66",{"children":"Errores Comunes"}]