Loading video...

Video Failed to Load

Go Home

¡Proyectazo! Si cargas contenido dinámico en tu web o app de React, lo necesitas. Te genera automáticamente el skeleton de tus componentes. Sin calcular nada a mano. Envuelves tus componentes con <Skeleton> y listo.

midudev's profile picture

Miguel Ángel Durán

332,996 subscribers

101,557 views • 4 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

¡Hermosa colección de componentes! Desarrollado con React y Tailwind. Listo para copiar, pegar y subir el nivel de tu web:
0:13

¡Hermosa colección de componentes! Desarrollado con React y Tailwind. Listo para copiar, pegar y subir el nivel de tu web:

Miguel Ángel Durán

79,543 views • 2 years ago

¡Este catálogo de componentes es tremendo! Basado en shadcn pero sin necesidad de React. Compatible con Angular, Vue, Astro, React... Y puedes personalizarlo, opcionalmente, con Tailwind. > npm install basecoat-css
0:18

¡Este catálogo de componentes es tremendo! Basado en shadcn pero sin necesidad de React. Compatible con Angular, Vue, Astro, React... Y puedes personalizarlo, opcionalmente, con Tailwind. > npm install basecoat-css

Miguel Ángel Durán

36,152 views • 1 year ago

¿Necesitas crear un dashboard? ¡Aquí lo tienes! ✓ Con Tailwind y totalmente personalizable ✓ 50 componentes preparados para usar ✓ Versiones en HTML, React y Vue.js ✓ Modo oscuro y responsive ¿Lo mejor? Es de código abierto:
0:13

¿Necesitas crear un dashboard? ¡Aquí lo tienes! ✓ Con Tailwind y totalmente personalizable ✓ 50 componentes preparados para usar ✓ Versiones en HTML, React y Vue.js ✓ Modo oscuro y responsive ¿Lo mejor? Es de código abierto:

Miguel Ángel Durán

74,347 views • 9 months ago

Este efecto líquido para tu UI es hipnótico. Parece magia… pero está hecho para usarlo en botones, menús y componentes de tu app o web. Pruébalo aquí →
0:10

Este efecto líquido para tu UI es hipnótico. Parece magia… pero está hecho para usarlo en botones, menús y componentes de tu app o web. Pruébalo aquí →

Miguel Ángel Durán

88,347 views • 12 days ago

5 Recursos TOP para Programadores Te hacen la vida más fácil y te ayudan en tu día a día Y todos son gratuitos ↓ 1/ DEVDOCS Toda la documentación que necesitas en un sólo sitio 📖 Lenguajes, frameworks, bibliotecas... 🔍 ¡Busca en todas a la vez! 📅 Siempre actualizadas 🌓 Modo claro/oscuro Un imprescindible: → devdocs․io 2/ NETLIFY DROP ¿Necesitas desplegar una página web a Internet? ¿Tienes el HTML, CSS y JAVASCRIPT? ¡Arrastra los ficheros y ya lo tienes! Sin registro → netlify․com/drop 3/ TABLER ICONS +5000 Iconos para tus proyectos y aplicaciones. Funcionan en React, Svelte, Vue y cualquier framework. Imposible que te los acabes: → tabler-icons․io 4/ HYPERUI Construye tus páginas web más rápido Un catálogo de +100 componentes visuales. Perfecto para tu Landing, Tienda Online o proyecto: → hyperui․dev 5/ SQUOOSH Optimiza imágenes para que tu web cargue más rápido - Usa formatos más modernos - Redimensiona tu imagen - Reduce calidad para reducir el peso Desarrollado por Google: → squoosh․app
0:16

5 Recursos TOP para Programadores Te hacen la vida más fácil y te ayudan en tu día a día Y todos son gratuitos ↓ 1/ DEVDOCS Toda la documentación que necesitas en un sólo sitio 📖 Lenguajes, frameworks, bibliotecas... 🔍 ¡Busca en todas a la vez! 📅 Siempre actualizadas 🌓 Modo claro/oscuro Un imprescindible: → devdocs․io 2/ NETLIFY DROP ¿Necesitas desplegar una página web a Internet? ¿Tienes el HTML, CSS y JAVASCRIPT? ¡Arrastra los ficheros y ya lo tienes! Sin registro → netlify․com/drop 3/ TABLER ICONS +5000 Iconos para tus proyectos y aplicaciones. Funcionan en React, Svelte, Vue y cualquier framework. Imposible que te los acabes: → tabler-icons․io 4/ HYPERUI Construye tus páginas web más rápido Un catálogo de +100 componentes visuales. Perfecto para tu Landing, Tienda Online o proyecto: → hyperui․dev 5/ SQUOOSH Optimiza imágenes para que tu web cargue más rápido - Usa formatos más modernos - Redimensiona tu imagen - Reduce calidad para reducir el peso Desarrollado por Google: → squoosh․app

Miguel Ángel Durán

39,504 views • 2 years ago

La mejor biblioteca para mostrar PDF en tu web se acaba de actualizar a la versión 4. ✓ Biblioteca de JavaScript ✓ Componentes de React, Svelte y Solid ✓ Anotaciones, responsive y modo oscuro →
0:19

La mejor biblioteca para mostrar PDF en tu web se acaba de actualizar a la versión 4. ✓ Biblioteca de JavaScript ✓ Componentes de React, Svelte y Solid ✓ Anotaciones, responsive y modo oscuro →

Miguel Ángel Durán

47,382 views • 2 months ago

¿Necesitas tu Certificado REDAM? Con la Carpeta Ciudadana Digital, puedes descargarlo en minutos. Solo ingresa a con tu documento y contraseña, sigue los pasos y listo, así de rápido gestionas tus documentos.
0:18

¿Necesitas tu Certificado REDAM? Con la Carpeta Ciudadana Digital, puedes descargarlo en minutos. Solo ingresa a con tu documento y contraseña, sigue los pasos y listo, así de rápido gestionas tus documentos.

Agencia Nacional Digital

1,711,056 views • 1 year ago

Una de las funcionalidades principales del producto de salud preventiva que estamos armando es que puedas subir un estudio (PDF/imagen/foto) y automáticamente trackear tus biomarcadores. De esta forma podemos decirte tus valores están en los rangos recomendables, darte recomendaciones para mejorarlos y advertirte de riesgos futuros. También si cargas varios estudios, vas a poder ver cómo evolucionan a lo largo del tiempo y medir el impacto de tus hábitos. Si te interesa ser parte de la beta, mandame DM!
0:14

Una de las funcionalidades principales del producto de salud preventiva que estamos armando es que puedas subir un estudio (PDF/imagen/foto) y automáticamente trackear tus biomarcadores. De esta forma podemos decirte tus valores están en los rangos recomendables, darte recomendaciones para mejorarlos y advertirte de riesgos futuros. También si cargas varios estudios, vas a poder ver cómo evolucionan a lo largo del tiempo y medir el impacto de tus hábitos. Si te interesa ser parte de la beta, mandame DM!

Ignacio Margulies

10,493 views • 11 months ago

Si usas DaviPlata o tienes un negocio y recibes en tu App la plata de tus ventas, esta es tu oportunidad.
0:15

Si usas DaviPlata o tienes un negocio y recibes en tu App la plata de tus ventas, esta es tu oportunidad.

DaviPlata

11,318,655 views • 4 months ago

🚴‍♂️ ¡Tenemos un Scalextric para que te eches tus piques con tus amigos o familiares o flipes con el looping! 😍 ¡No te lo pierdas en la Fan Zone de AS y ven a disfrutar de las atracciones que hemos preparado en Madrid para el cierre de La Vuelta! #lavueltavamasalla #LaVuelta24
0:10

🚴‍♂️ ¡Tenemos un Scalextric para que te eches tus piques con tus amigos o familiares o flipes con el looping! 😍 ¡No te lo pierdas en la Fan Zone de AS y ven a disfrutar de las atracciones que hemos preparado en Madrid para el cierre de La Vuelta! #lavueltavamasalla #LaVuelta24

Diario AS

17,487 views • 1 year ago

Tus decisiones de hoy cambian tu historia. Invierte con Santander y construye el camino a tus metas. Consulta términos y condiciones en
0:16

Tus decisiones de hoy cambian tu historia. Invierte con Santander y construye el camino a tus metas. Consulta términos y condiciones en

Santander México

22,120 views • 7 months ago

Si usas mucho IA para programar y quieres que no solo escriba código, sino que suba tus proyectos a producción, cree pull requests, controle el navegador, gestione tu base de datos y exponga tu localhost a internet… Entonces necesitas conocer estas CLIs para tu IA👇 🔹 GitHub CLI (gh) → Crea repos, pull requests e issues sin abrir el navegador. Terminas tu feature y en segundos tu PR está creado y listo para revisión. Combínalo con un agente de IA y tu flujo es imparable. 🔹 Supabase CLI → Levanta Supabase en local con Docker y en remoto, crea migraciones de base de datos, puede actualizar configuraciones, llenar datos de ejemplos, configurar tu RLS, subir los serverless functions, y mas 🔹 Playwright CLI → Tests end-to-end sin escribir casi nada. Tiene un modo que abre un navegador, graba todo lo que haces y genera el test por ti. Ideal para que tu agente de IA también verifique que la app funciona antes del deploy o simplemente compruebe el mismo su modificación. 🔹 AWS CLI → Sube archivos a S3, gestiona Lambdas, sincroniza tu build con un bucket. Deploy de un frontend estático en un solo comando, reconfigurar tus container, configura tu load balancer y basicamente crea toda tu arquitectura en producción 🔹 Railway CLI → Deploy moderno desde la terminal. Puedes correr migraciones en producción, ver logs en tiempo real y gestionar variables de entorno. Sin abrir dashboards, sin perder tiempo. 🔹 cloudflared / ngrok → Exponen tu localhost a internet con una URL pública. Perfectos para probar webhooks de Stripe, MercadoPago o mostrar una demo a un cliente sin hacer deploy. La clave no es aprenderlas todas de golpe. Empieza con GitHub CLI, agrega Railway cuando hagas tu primer deploy, y ten siempre a mano un tunnel para webhooks. Cuando dominas estas herramientas + IA, tu productividad cambia completamente. Video completo con ejemplos →
0:10

Si usas mucho IA para programar y quieres que no solo escriba código, sino que suba tus proyectos a producción, cree pull requests, controle el navegador, gestione tu base de datos y exponga tu localhost a internet… Entonces necesitas conocer estas CLIs para tu IA👇 🔹 GitHub CLI (gh) → Crea repos, pull requests e issues sin abrir el navegador. Terminas tu feature y en segundos tu PR está creado y listo para revisión. Combínalo con un agente de IA y tu flujo es imparable. 🔹 Supabase CLI → Levanta Supabase en local con Docker y en remoto, crea migraciones de base de datos, puede actualizar configuraciones, llenar datos de ejemplos, configurar tu RLS, subir los serverless functions, y mas 🔹 Playwright CLI → Tests end-to-end sin escribir casi nada. Tiene un modo que abre un navegador, graba todo lo que haces y genera el test por ti. Ideal para que tu agente de IA también verifique que la app funciona antes del deploy o simplemente compruebe el mismo su modificación. 🔹 AWS CLI → Sube archivos a S3, gestiona Lambdas, sincroniza tu build con un bucket. Deploy de un frontend estático en un solo comando, reconfigurar tus container, configura tu load balancer y basicamente crea toda tu arquitectura en producción 🔹 Railway CLI → Deploy moderno desde la terminal. Puedes correr migraciones en producción, ver logs en tiempo real y gestionar variables de entorno. Sin abrir dashboards, sin perder tiempo. 🔹 cloudflared / ngrok → Exponen tu localhost a internet con una URL pública. Perfectos para probar webhooks de Stripe, MercadoPago o mostrar una demo a un cliente sin hacer deploy. La clave no es aprenderlas todas de golpe. Empieza con GitHub CLI, agrega Railway cuando hagas tu primer deploy, y ten siempre a mano un tunnel para webhooks. Cuando dominas estas herramientas + IA, tu productividad cambia completamente. Video completo con ejemplos →

Fazt

33,021 views • 4 months ago

¡Qué maravilla de recurso para programadores! Colección de botones hermosos para tu Web o App. Con el HTML, JS y CSS listo para copiar: →
0:19

¡Qué maravilla de recurso para programadores! Colección de botones hermosos para tu Web o App. Con el HTML, JS y CSS listo para copiar: →

Miguel Ángel Durán

121,765 views • 2 years ago

Pagas $42 al mes por almacenar tus archivos, tus fotos y tus contraseñas en los servidores de otras empresas. $504 al año por alquilar cosas que solías poseer. Hay un repo en GitHub con 36k estrellas que convierte cualquier mini PC o Raspberry Pi en tu propia nube personal. Sin código. Sin Docker. Sin línea de comandos. Un comando. Treinta minutos. Listo. Se llama CasaOS. Lo que puedes instalar con un clic desde su tienda: Jellyfin - tu propia Netflix con todo lo que tienes descargado Immich - Google Photos con reconocimiento facial incluido Nextcloud - Dropbox en tu servidor, con sincronización en todos tus dispositivos Vaultwarden - 1Password en local, tus contraseñas no salen de tu casa AdGuard Home - bloquea anuncios en todos los dispositivos de tu wifi Home Assistant - controla todos tus dispositivos inteligentes desde un sitio Syncthing - sincronización de archivos sin ninguna nube de por medio 100.000+ apps de Docker disponibles en la tienda. Lo que antes requería un fin de semana entero: Instalar Linux. Configurar Docker. Escribir archivos compose. Montar el almacenamiento. Arreglar errores. CasaOS lo hace todo sin que toques un archivo de configuración. Ves iconos. Los haces clic. ✅ Raspberry Pi, Intel NUC, viejas laptops y la mayoría de mini PCs ✅ Acceso desde el móvil, la TV o cualquier dispositivo fuera de casa ✅ Sin cuenta. Sin suscripción. Sin que tus datos salgan de tu red. ✅ 97 releases. v0.4.15. Apache-2.0. Netflix cobra cada mes. Google cobra cada mes. Dropbox cobra cada mes. 1Password cobra cada mes. CasaOS no. el enlace 👇
0:13

Pagas $42 al mes por almacenar tus archivos, tus fotos y tus contraseñas en los servidores de otras empresas. $504 al año por alquilar cosas que solías poseer. Hay un repo en GitHub con 36k estrellas que convierte cualquier mini PC o Raspberry Pi en tu propia nube personal. Sin código. Sin Docker. Sin línea de comandos. Un comando. Treinta minutos. Listo. Se llama CasaOS. Lo que puedes instalar con un clic desde su tienda: Jellyfin - tu propia Netflix con todo lo que tienes descargado Immich - Google Photos con reconocimiento facial incluido Nextcloud - Dropbox en tu servidor, con sincronización en todos tus dispositivos Vaultwarden - 1Password en local, tus contraseñas no salen de tu casa AdGuard Home - bloquea anuncios en todos los dispositivos de tu wifi Home Assistant - controla todos tus dispositivos inteligentes desde un sitio Syncthing - sincronización de archivos sin ninguna nube de por medio 100.000+ apps de Docker disponibles en la tienda. Lo que antes requería un fin de semana entero: Instalar Linux. Configurar Docker. Escribir archivos compose. Montar el almacenamiento. Arreglar errores. CasaOS lo hace todo sin que toques un archivo de configuración. Ves iconos. Los haces clic. ✅ Raspberry Pi, Intel NUC, viejas laptops y la mayoría de mini PCs ✅ Acceso desde el móvil, la TV o cualquier dispositivo fuera de casa ✅ Sin cuenta. Sin suscripción. Sin que tus datos salgan de tu red. ✅ 97 releases. v0.4.15. Apache-2.0. Netflix cobra cada mes. Google cobra cada mes. Dropbox cobra cada mes. 1Password cobra cada mes. CasaOS no. el enlace 👇

PA13L0

13,333 views • 1 month ago

El privilegio de que alguien más soporte a tus bendiciones, en tu lugar. 🫠🫠🫠 Ojo con el nombre de la app...
0:16

El privilegio de que alguien más soporte a tus bendiciones, en tu lugar. 🫠🫠🫠 Ojo con el nombre de la app...

Terror Restaurantes MX 🐦 #YoPorLas40Horas 🔻

206,176 views • 3 years ago

¡Sube el nivel de tu web o app con esto! Esta biblioteca pesa solo 2 KB y te da 10 sonidos fáciles de usar para mejorar el feedback de tu UI. > pnpm add cuelume
0:14

¡Sube el nivel de tu web o app con esto! Esta biblioteca pesa solo 2 KB y te da 10 sonidos fáciles de usar para mejorar el feedback de tu UI. > pnpm add cuelume

Miguel Ángel Durán

73,654 views • 1 month ago

"Pagas 11,99€ al mes para alquilar música que no te pertenece." Alguien acaba de hacer eso obsoleto. Un desarrollador publicó en open source una herramienta llamada Spooty. Le das la URL de una playlist de Spotify y descarga cada canción en tu máquina. En MP3. Con los metadatos completos, las portadas, todo. Sin algoritmo que elimine una canción sin avisarte. Sin "este contenido no está disponible en tu región". Sin suscripción mensual para seguir accediendo a lo que llevas años escuchando. Lo que hace en concreto: > Se conecta a la API oficial de Spotify para leer tus playlists. > Descarga cada canción en alta calidad. > Etiqueta todo automáticamente: título, artista, álbum, portada. > Funciona completamente en tu máquina, tus credenciales nunca salen de tu dispositivo. Es Python. Tres pasos para instalarlo. Clonas el repo, instalas las dependencias, conectas tus claves API de Spotify. Una biblioteca permanente por 0€, frente a 11,99€ al mes por alquilar exactamente lo mismo. 100% open source.
0:14

"Pagas 11,99€ al mes para alquilar música que no te pertenece." Alguien acaba de hacer eso obsoleto. Un desarrollador publicó en open source una herramienta llamada Spooty. Le das la URL de una playlist de Spotify y descarga cada canción en tu máquina. En MP3. Con los metadatos completos, las portadas, todo. Sin algoritmo que elimine una canción sin avisarte. Sin "este contenido no está disponible en tu región". Sin suscripción mensual para seguir accediendo a lo que llevas años escuchando. Lo que hace en concreto: > Se conecta a la API oficial de Spotify para leer tus playlists. > Descarga cada canción en alta calidad. > Etiqueta todo automáticamente: título, artista, álbum, portada. > Funciona completamente en tu máquina, tus credenciales nunca salen de tu dispositivo. Es Python. Tres pasos para instalarlo. Clonas el repo, instalas las dependencias, conectas tus claves API de Spotify. Una biblioteca permanente por 0€, frente a 11,99€ al mes por alquilar exactamente lo mismo. 100% open source.

Santi Torres

325,171 views • 1 month ago

¿Todo listo? No esperes hasta mañana al #Simulacro de las 11:00 AM para darte cuenta de que tus notificaciones estaban apagadas. Entra ahora a la pestaña de Alertas en tu app #SkyAlert y confirma que el módulo de permisos esté completo. Recuérdalo: Sin Alertas Críticas permitidas, tu teléfono podría ignorar el aviso. 🔗 Actualiza y verifica aquí:
0:15

¿Todo listo? No esperes hasta mañana al #Simulacro de las 11:00 AM para darte cuenta de que tus notificaciones estaban apagadas. Entra ahora a la pestaña de Alertas en tu app #SkyAlert y confirma que el módulo de permisos esté completo. Recuérdalo: Sin Alertas Críticas permitidas, tu teléfono podría ignorar el aviso. 🔗 Actualiza y verifica aquí:

SkyAlert

12,709 views • 3 months ago

Abrir apps solo para firmar o resaltar un PDF es una pérdida de tiempo. 🙄 Chrome lo hace sencillo: ahora puedes hacer anotaciones, escribir y firmar tus PDF directamente en el navegador. Sin descargar nada extra, sin salir de tu pestaña. ✅ Tú pones la firma o las notas. Chrome te ahorra clics. ✍️✨
0:14

Abrir apps solo para firmar o resaltar un PDF es una pérdida de tiempo. 🙄 Chrome lo hace sencillo: ahora puedes hacer anotaciones, escribir y firmar tus PDF directamente en el navegador. Sin descargar nada extra, sin salir de tu pestaña. ✅ Tú pones la firma o las notas. Chrome te ahorra clics. ✍️✨

Google en español

19,250 views • 3 months ago