Saltar al contenido
hg.Héctor GarridoCiencia de datos y economía

El cuaderno

Notas de investigación, decisiones de ingeniería y aprendizajes de proyectos reales. Ciencia de datos explicada desde la práctica.

El dashboard de investigación: 4 paneles y un botón

Este artículo describe la creación de un dashboard para la investigación de papers de arXiv. El dashboard permite seleccionar queries configurables y visualizar los resultados en cuatro paneles: papers recientes, tendencias por categoría, top autores y keywords frecuentes. Se utiliza React para el frontend, Recharts para la visualización de datos y Material UI para la interfaz. El lector aprenderá cómo construir un dashboard interactivo para analizar datos científicos, incluyendo la implementación de un botón para disparar manualmente la actualización de los datos.

Arxiv Analytics

El frontend, la infraestructura y los bugs del último kilómetro

Este artículo describe la implementación de un dashboard de analíticas de YouTube usando React y Recharts. Se centra en los desafíos del despliegue en producción, incluyendo un bug de colisión de nombres en el frontend resuelto renombrando una función. Además, aborda problemas de accesibilidad en componentes Select de Material UI y la importancia de añadir enlaces de navegación para asegurar la visibilidad de nuevas funcionalidades. El lector aprenderá sobre la resolución de errores comunes en el desarrollo frontend y la importancia de la accesibilidad.

YouTube Analytics

De Blog Personal a Portafolio Profesional: Por Qué y Cómo

Este artículo aborda la transformación de un blog personal en un portafolio profesional enfocado en data science y machine learning. Se describe cómo reestructurar la página principal (Home.js) para destacar habilidades, proyectos y experiencia relevante para reclutadores. Se discuten decisiones de diseño como la creación de una página `/projects` dedicada y la selección de proyectos clave. El lector aprenderá a priorizar la información, implementar un "hero section" con métricas verificables y mostrar un stack tecnológico visible, utilizando React y componentes MUI.

Portafolio RAG

Debugging react-snap en CI/CD: Cuando Puppeteer Se Niega a Terminar

Este artículo técnico detalla la resolución de problemas al usar react-snap en un entorno CI/CD, específicamente cuando Puppeteer no finaliza la pre-renderización. Se exploran tres causas principales: llamadas API pendientes que impiden que Puppeteer considere la página como inactiva, bucles infinitos de `requestAnimationFrame` que mantienen el thread principal ocupado y el crawling automático de react-snap que reintroduce rutas problemáticas. Aprenderás a diagnosticar y solucionar estos problemas, optimizando la configuración de react-snap para un pre-renderizado exitoso en CI/CD.

Portafolio RAG

Cómo Construí Mi Blog Personal con Django y React desde Cero

Este artículo describe el proceso de creación de un blog personal desde cero utilizando Django y React. El autor explica la motivación detrás de esta decisión, optando por una arquitectura desacoplada para tener control total sobre la experiencia del usuario y la escalabilidad. Se detalla la estructura del proyecto, la elección de tecnologías como Django REST Framework para el backend y React con Material UI para el frontend, y los trade-offs de esta arquitectura. El lector aprenderá sobre la configuración inicial del backend con Django, incluyendo la definición de modelos de datos y la creaci

Portafolio RAG