midudev · Miguel Ángel Durán
LightNews LightNews
banner
midu.dev
midudev · Miguel Ángel Durán
@midu.dev
5.6K followers 11 following 1.4K posts
👨‍💻 Ingeniero de Software & JavaScript
⭐ GitHub Star · Google Dev Expert · Microsoft MVP
🔴 Twitch Partner: twitch.tv/midudev
🗣️ Discord: discord.gg/midudev
Posts Replies Media Videos
midu.dev
2000 likes y saco 100% gratis un curso de Astro
Curso Astro Headless CMS
November 11, 2025 at 7:13 PM
midu.dev
¡Acaba de salir React Email 5.0!
La mejor forma de crear correos electrónicos.

✓ ¡Ahora con soporte para modo oscuro!
✓ Compatibilidad con Tailwind 4
✓ 8 nuevos componentes

Previsualización, linter y mucho más:
→ npx create-email@latest
November 11, 2025 at 3:59 PM
midu.dev
¡Este artículo es una joya para programadores web!
Guía definitiva del rendimiento de animaciones CSS.

✓ "transform" y "opacity" las mejores
✓ Evita animar "width", "height" y "filter: blur()"
✓ ...y muchas cosas más

→ motion.dev/blog/web-ani...
Diagrama que muestra la secuencia del renderizado en el navegador: empieza con “Style”, que puede ir directo a “Composite”, pasar por “Paint y Composite”, o incluir también “Layout” antes de esas fases. Una especie de mapa de tráfico donde los estilos CSS deciden cuántos peajes paga el rendimiento.
November 11, 2025 at 2:58 PM
midu.dev
Google está lanzando un curso intensivo gratuito de 5 días sobre Agentes de IA.

✓ Crea tu propio agente con Gemini
✓ Aprende Model Context Protocol (MCP)
✓ Construye sistemas multiagente y un proyecto final

Empieza hoy:
kaggle.com/learn-guide/...
Ilustración de una persona sentada con un portátil rodeada de iconos de inteligencia artificial, robots y engranajes, con el logo de Google al lado. Parece que está aprendiendo IA y disfrutando del proceso sin despeinarse.
November 11, 2025 at 1:56 PM
midu.dev
No te sientas mal si la cagaste y enviaste mal un email en producción a todos tus usuarios.

OpenAI está valorada en 500.000 millones de $ y también le pasa:
Captura de pantalla de un correo de OpenAI notificando un cambio en la suscripción de ChatGPT Business, pero con las variables sin reemplazar —como si el correo hubiera olvidado rellenar los datos reales— mostrando textos tipo {{ current_billing_period }} y {{ effective_date }}.
November 10, 2025 at 7:01 PM
midu.dev
¡Google lanzó una fuente para programadores!
Su nombre es Google Sans Code y es Open Source:
→ github.com/googlefonts/googlesans-code
Fragmento de código en Python con dos sentencias print que muestran los textos "Google Sans Code" y "By Google Fonts", seguido de un comentario que dice "Exciting! :-)".
November 10, 2025 at 4:20 PM
midu.dev
¡Recursos para programadores!

✓ APIs gratuitas, Bases de datos y Hosting
✓ Retos de lógica de programación
✓ Los mejores cursos en Español
✓ Iconos, fuentes, ilustraciones
November 10, 2025 at 2:59 PM
midu.dev
Colección de plantillas y prompts para Claude Code.
Agentes de código, bases de datos, seguridad, documentación y más: github.com/davila7/clau...
November 10, 2025 at 1:57 PM
midu.dev
Preparando la entrevista vs El trabajo
Comparación entre las expectativas y la realidad del trabajo: a la izquierda, la portada del libro “Designing Data-Intensive Applications” con un jabalí elegante; a la derecha, un jabalí real tirado en un colchón entre basura, reflejando la dura caída del ideal técnico a la rutina laboral.
November 9, 2025 at 6:59 PM
midu.dev
Cuando guardas un JSON en la base de datos SQL
Un avión que tiene dentro... un avión.
November 9, 2025 at 5:33 PM
midu.dev
Me vuela la cabeza esto. Iluminación dinámica con CSS y sólo 4 líneas de JavaScript:
codepen.io/amit_sheen/p...
November 9, 2025 at 3:59 PM
midu.dev
¡Behobia terminada en 1h 25min!
Mejor marca personal, rebajando 4 minutos.
La carrera más bonita de España.
Ya quiero volver el año que viene.
Midu sonríe con la medalla al cuello y la camiseta amarilla de la Behobia en el paseo de la Concha, con el mar y el Monte Igueldo al fondo, como si la felicidad también estuviera corriendo con él. Midu y su pareja posan abrazados, ella muestra orgullosa la medalla y él la sonrisa; detrás, la playa de la Concha.
November 9, 2025 at 2:52 PM
midu.dev
Entrevistas de trabajo
Gráfico de barras que muestra que para conseguir un trabajo hacen falta pocas habilidades para hacerlo y muchísimas para superar la entrevista, como si el talento tuviera que pasar un examen de teatro.
November 8, 2025 at 5:42 PM
midu.dev
¡Brutal biblioteca de JavaScript!

Transforma elementos en cajas que puedes arrastrar.
Intercambiando posiciones con otros elementos.

Compatible con React, Vue, Angular, Svelte...

> npm install swapy
November 8, 2025 at 2:59 PM
midu.dev
50 acrónimos y términos técnicos que cualquier programador debería conocer.
De SPA a CI/CD pasando por SOLID y TDD.
Los vas a ver en PRs, reuniones y documentación.

Guárdalo. Te vas a cruzar con todos:
50 acrónimos y términos técnicos: # 🧠 Patrones y Principios de Diseño MVC # Model-View-Controller MVVM # Model-View-ViewModel MVP # Model-View-Presenter OOP # Object-Oriented Programming SOLID # Principios de diseño orientado a objetos SRP # Single Responsibility Principle DRY # Don’t Repeat Yourself KISS # Keep It Simple, Stupid YAGNI # You Aren’t Gonna Need It WET # Write Everything Twice TDD # Test-Driven Development BDD # Behavior-Driven Development DDD # Domain-Driven Design CQRS # Command Query Responsibility Segregation ES # Event Sourcing # 🧪 Arquitectura y Metodologías CI/CD # Continuous Integration / Continuous Deployment REST # Representational State Transfer SOAP # Simple Object Access Protocol GRPC # Google Remote Procedure Call BFF # Backend for Frontend PWA # Progressive Web App SPA # Single Page Application SSR # Server-Side Rendering CSR # Client-Side Rendering JAMstack # JavaScript, APIs and Markup # 🧰 Tecnología y Desarrollo API # Application Programming Interface SDK # Software Development Kit CLI # Command-Line Interface GUI # Graphical User Interface IDE # Integrated Development Environment DBMS # Database Management System ORM # Object-Relational Mapping SQL # Structured Query Language NoSQL # Not Only SQL JSON # JavaScript Object Notation XML # eXtensible Markup Language JWT # JSON Web Token DOM # Document Object Model # 🧑‍💻 Infraestructura y DevOps DNS # Domain Name System CDN # Content Delivery Network VPN # Virtual Private Network SLA # Service-Level Agreement SLO # Service-Level Objective SRE # Site Reliability Engineering IaC # Infrastructure as Code IP # Internet Protocol # 🔒 Seguridad y Autenticación 2FA # Two-Factor Authentication SSO # Single Sign-On ACL # Access Control List RBAC # Role-Based Access Control
November 8, 2025 at 1:57 PM
midu.dev
Acaba de salir una nueva versión de la mejor biblioteca JavaScript para tus dropdowns.

✓ Selección múltiple y búsqueda
✓ Soporte oficial a React y Vue
✓ Sin dependencias. Sólo 10KB
✓ Accesibilidad WCAG 2.1

npm install slim-select
November 7, 2025 at 2:56 PM
midu.dev
Artículo para aprender Clean Architecture con ejemplos.

✓ Casos de Uso, Servicios, Repositorios...
✓ Entiende las capas de la arquitectura
✓ Sin usar clases, sólo funciones
✓ Con TypeScript

dev.to/bespoyasov/c...
Diagrama de arquitectura hexagonal (también conocida como arquitectura de puertos y adaptadores) dividido en dos mitades: "Driving Adapters" (verde) y "Driven Adapters" (rojo). En el centro está el dominio con entidades como Product 🍪, Order 📝, Cart 🛒 y User 😊. Alrededor se encuentra la capa de aplicación con casos de uso como Purchasing 💥, Payment 💸, Validation 🧾, Selection 🔍 y Updating ✍️. Luego, la capa de adaptadores incluye interfaces de usuario (UI 📺), APIs 🤖, almacenamiento local 📦 y servicios de terceros (3-Parties 🧃). A la derecha están sistemas externos como el servidor de aplicaciones 🌐, API del navegador 🌍 y sistema de pagos ATM 🏧. A la izquierda, el usuario final 💻 interactúa con la interfaz de usuario. También se indican puertos: UI Ports, API Ports, Storage Ports y 3-Party Ports.
November 7, 2025 at 1:55 PM
midu.dev
Me hace muchísima ilusión compartir esto: ¡me han invitado a la React Conf Miami y daré la primera charla en español de su historia!

Siempre he tenido un objetivo claro: ayudar a subir el nivel de la comunidad hispanohablante de programación. Gracias por ayudarme a hacerlo posible.
Miguel Ángel Durán sonríe en un retrato profesional mientras React Miami anuncia que será el primer ponente en dar una charla en español en la conferencia. Una mezcla de orgullo, emoción y código flotando en el aire tropical de Miami.
November 7, 2025 at 9:58 AM
midu.dev
En el código filtrado de Apple hay código como este.
Y tu sintiéndote mal por usar console.log:
Captura de pantalla de código TypeScript que define una función shelfItemIdentifier, la cual intenta obtener un identificador único de un ítem. Si no puede, registra un mensaje en consola y devuelve el ítem original. El código parece debatirse entre “soy robusto” y “solo espero que esto no explote en producción”.
November 6, 2025 at 3:58 PM
midu.dev
TOP 7 extensiones para mejorar VSCode, Cursor y Windsurf:

① Error Lens
Enseña errores de linter y compilado en la línea

② Image Preview
Previsualiza imágenes al hacer hover

③ Pretty TypeScript Errors
Los errores de TypeScript legibles por humanos

④ REST Client
Haz peticiones HTTP desde el editor
Captura de Visual Studio Code con más extensiones instaladas que pestañas abiertas en un navegador de frontend. A la izquierda, Astro, Bun, Console Ninja, Error Lens y ESLint listos para el combate; a la derecha, los logos de VSCode, Codespaces y probablemente una 'W' que no sabe si es Wave o Web… pero queda moderna.
November 6, 2025 at 2:57 PM
midu.dev
Este repositorio es una joya. Te da todos los pasos e instrucciones para proteger y asegurar tu servidor Linux.

Perfecto por si tienes un servidor propio o VPS:
github.com/imthenachoma...
November 5, 2025 at 3:59 PM
midu.dev
Se ha filtrado todo el código fuente de la web de la Apple App Store. Se olvidaron de desactivar los Source Maps y es totalmente legible, con comentarios incluidos:
github.com/rxliuli/apps...
Código filtrado de la web de la Apple App Store.
November 5, 2025 at 1:55 PM
midu.dev
Si tengo un perfil que vale por tres. ¿Me dan 3 sueldos?
Oferta de trabajo que promete ciencia ficción y paga fantasía: buscan a un diseñador todoterreno que vale por tres… pero le ofrecen entre 1.200 y 1.500 euros brutos al mes.
November 4, 2025 at 2:58 PM
midu.dev
¡Proyectazo! Crea productos o startups más rápido.
¡Esta plantilla de código abierto tiene lo que necesitas!

✓ Basado en Next.js
✓ Pagos con Stripe o Lemon Squeezy
✓ Auth de usuarios + Base de datos
✓ Correos con Mailgun

→ github.com/revokslab/ShipFree
Crea tu startup en días, no semanas. Captura de pantalla de la landing de shipfree.
November 4, 2025 at 1:56 PM
midu.dev
Genial Web Component para crear un efecto spoiler en tu página web. Compatible con React, Vue, Angular, Svelte y más.

> npm install spoilerjs
November 3, 2025 at 4:15 PM