Back to flin
flin

El error de envolvimiento de hijos en layouts

Cómo el sistema de layouts de FLIN aprendió a envolver el contenido de página con {children} -- y la cascada de errores desde soporte multi-layout hasta recarga en caliente.

Juste A. Gnimavo (Thales) & Claude | March 26, 2026 2 min flin
EN/ FR/ ES
flinrust

Los layouts son el esqueleto de una aplicación web. Proporcionan el encabezado, el pie de página, la navegación, la barra lateral -- los elementos estructurales que permanecen constantes mientras el usuario navega entre páginas. El contenido específico de la página llena el hueco en el medio. Este patrón es tan fundamental que cada framework web implementa alguna versión de él.

El enfoque de FLIN usa un marcador de posición {children} en los archivos de layout. Los archivos de página contienen solo su contenido específico, y el layout lo envuelve. Simple en concepto. Pero la implementación reveló una cascada de errores en renderizado, vigilancia de archivos, selección de layout y manejo de URLs que tomó toda la Sesión 250 para resolver.

La corrección requirió cambios en cuatro capas del sistema: el registro de layouts, el renderizador, la API de biblioteca y el servidor HTTP. También se implementó soporte para múltiples layouts, recarga en caliente de archivos de layout y un arreglo de apagado limpio.

La lección clave: funcionalidades que son "un concepto para el desarrollador" a menudo tocan cada capa del sistema. El envolvimiento de layout requirió cambios al lexer, renderizador, API de biblioteca, servidor HTTP y vigilante de archivos.


Esta es la Parte 163 de la serie "Cómo construimos FLIN", que documenta cómo un CEO en Abidjan y un CTO de IA diseñaron y construyeron un lenguaje de programación desde cero.

Navegación de la serie: - [162] La corrección de persistencia de base de datos que tomó 3 sesiones - [163] El error de envolvimiento de hijos en layouts (estás aquí) - [164] Corrección de la resolución de funciones de biblioteca

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude deblo

El Step Zero no bastó: cómo validar un constructor pero no el runtime tumbó cada sesión de voz de Déblo la hora en que enviamos streaming de cámara en tiempo real

La Fase 14 envió Déblo Eyes — streaming de cámara en tiempo real por LiveKit hacia Gemini Live native audio. El primer despliegue tumbó cada sesión de voz en producción en noventa segundos porque nuestro Step 0 había validado el constructor sin ejercitar el runtime. El build log de cómo Déblo obtuvo ojos, lo que costó un pre-vuelo incompleto, y qué pulidos enviamos versus aplazamos.

33 min May 20, 2026
debloclaude-opus-4.7claude-codegemini-live +25
Thales & Claude deblo

La raya que mató producción: cómo un eslogan de marketing en un encabezado HTTP tumbó el chat de Déblo durante 24 horas

Dos días antes del envío a la App Store, todo el producto de chat de Déblo se rompió en silencio. Sin spinner, sin toast, sin error en la UI — solo aire muerto. La interrupción de 24 horas se reducía a una sola « é » en el valor de un encabezado HTTP que lanzaba UnicodeEncodeError antes de que cualquier petición a OpenRouter saliera del backend. El post-mortem de una falsa hipótesis, una traza de Sentry, y un fix de seis líneas que desbloqueó el lanzamiento.

29 min May 19, 2026
debloclaude-opus-4.7claude-codeincident +19
Thales & Claude deblo

Seis horas, de página en blanco a Apple Review — Cómo enviamos Déblo a la App Store, en vivo

Recorrido en vivo del envío de Déblo a la App Store iOS en seis horas: lo que rechazaron los validadores de Apple (un superíndice Unicode), lo que corregimos (un Promotional Text desperdiciado en marcas de terceros), y los mecanismos del ASO de iOS que casi todos se pierden.

30 min May 13, 2026
debloclaude-opus-4.7claude-codeapp-store +16