Architecture on Commentary of Takao

Patrones Serverless: Arquitecturas modernas

Tue, 17 Sep 2024 00:00:00 +0900

Serverless abstrae la infraestructura. El código se ejecuta en respuesta a eventos sin gestionar servidores. Escala automáticamente.

Funciones como unidad

AWS Lambda, Cloudflare Functions, Vercel Functions, Deno Deploy. Una función por endpoint. Stateless por defecto. Límites de duración (15min Lambda, 30s Workers).

Bases de datos serverless

PlanetScale, Neon, Supabase (SQL). DynamoDB, Firestore (NoSQL). Conexiones pooling automático. Escalado a cero cuando no se usa.

Patrón: API Gateway + Funciones

API Gateway recibe solicitudes, enruta a funciones. Autenticación, rate limiting, validación en el gateway. Las funciones solo manejan lógica de negocio.

Referencias de proyecto en TypeScript: Código base a escala

Tue, 13 Aug 2024 00:00:00 +0900

Project References permiten dividir un código base grande en proyectos más pequeños que dependen entre sí. Mejoran tiempos de compilación y habilitan compilación incremental.

Configuración

Cada subproyecto tiene su tsconfig.json con composite: true. El proyecto raíz usa references para apuntar a cada subproyecto.

Modo build

tsc --build compila proyectos en orden topológico. Solo recompila los que cambiaron. tsc --build --force para reconstrucción completa.

Patrones de estructura

Monolito modular: packages/*/tsconfig.json. Separación cliente/servidor. Bibliotecas compartidas con sus propias referencias.

CSS @layer: Gestión de la cascada con arquitectura de capas

Tue, 11 Jun 2024 00:00:00 +0900

@layer da control explícito sobre el orden de la cascada, independientemente de la especificidad o el orden de las fuentes.

El problema de la cascada antes de @layer

Antes, la gestión de la cascada se basaba en convenciones (BEM, SMACSS, ITCSS) que no eran aplicadas por el navegador.

Cómo funciona @layer

Agrupa estilos en capas con nombre y define su precedencia. Las capas posteriores sobrescriben a las anteriores, sin importar la especificidad.