Under the Hood

Notas técnicas a partir de preguntas reales de entrevistas: definiciones claras, ejemplos y código.

Cloud y DevOps
¿Sabes armar un buen pipeline de CI? Pasos y consideraciones
Un proceso de CI corre en cada push o pull request y responde una pregunta: ¿este cambio se puede integrar a la rama principal sin romper nada? Para eso restaura dependencias, corre el lint, compila, ejecuta los tests y revisa vulnerabilidades, de lo más rápido a lo más lento. Si todo pasa, genera un artefacto versionado y lo publica; si algo falla, se detiene y el PR queda bloqueado. Desplegar ese artefacto ya es CD.
General
React
¿Qué es un componente? Lo aplicamos en React y Blazor
Un componente es una pieza encapsulada y reutilizable de la interfaz: recibe datos desde afuera, puede tener estado propio y describe cómo debe verse la UI para esos datos. Renderizarlo es ejecutarlo para obtener esa descripción; luego el framework la compara con la anterior y actualiza en el DOM solo lo que cambió.
General
React
Hooks de React: cómo un componente recuerda entre renders
Los hooks son funciones que se enganchan a React para que un componente de función recuerde valores entre renders, lea contexto o se sincronice con algo externo, cosas que antes solo podían hacer las clases. Se llaman siempre en el mismo orden y en el nivel superior del componente, porque React los identifica por ese orden.
React
APIs
API REST: no es solo mandar JSON, es cómo se manda
REST es un estilo de arquitectura, no un estándar: los recursos se identifican con URLs y se manipulan con los verbos HTTP según su semántica, y cada respuesta trae un código de estado que dice qué pasó. Además es cliente-servidor, stateless y cacheable, lo que permite que cliente y servidor evolucionen por separado y que la API escale.
General
Observabilidad
¿Qué pasó, cuánto y dónde? Logs, métricas y trazas sin confundirlos
Los logs son eventos con contexto y responden qué pasó; las métricas son números agregados en el tiempo y responden cuánto o con qué frecuencia; las trazas son el árbol de spans de una request y responden por dónde pasó y dónde se demoró. En un incidente se usan juntos: la métrica alerta, la traza ubica el servicio lento y el log explica el porqué, unidos por el traceId.
General
React
useEffect() vs useMemo(): ¿cuándo y cómo se elige cada uno?
useEffect() sincroniza el componente con algo externo después del render y no produce un valor para mostrar. useMemo() calcula un valor durante el render y lo guarda en caché. Si un dato se puede derivar de props o estado, se calcula en el render, nunca con un efecto.
React

Under the Hood

¿Sabes armar un buen pipeline de CI? Pasos y consideraciones

¿Qué es un componente? Lo aplicamos en React y Blazor

Hooks de React: cómo un componente recuerda entre renders

API REST: no es solo mandar JSON, es cómo se manda

¿Qué pasó, cuánto y dónde? Logs, métricas y trazas sin confundirlos

useEffect() vs useMemo(): ¿cuándo y cómo se elige cada uno?