Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

¡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

329,365 subscribers

100,820 Aufrufe • vor 3 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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,519 Aufrufe • vor 2 Jahren

¡Brutal biblioteca de gráficas para tu web! Personalizables, vistosas y fáciles de usar ✓ Componentes de copiar y pegar ✓ React + Tailwind →
0:15

¡Brutal biblioteca de gráficas para tu web! Personalizables, vistosas y fáciles de usar ✓ Componentes de copiar y pegar ✓ React + Tailwind →

Miguel Ángel Durán

40,191 Aufrufe • vor 1 Monat

¡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 Aufrufe • vor 1 Jahr

¿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,069 Aufrufe • vor 7 Monaten

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

46,461 Aufrufe • vor 23 Tagen

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

38,536 Aufrufe • vor 1 Jahr

¿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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 9 Monaten

¿Necesitas crear un dashboard o gráficas con React? ¡Este recurso es BRUTAL! - 24 componentes con muchas opciones - Personaliza al detalle con Tailwind - Bloques y gráficas preparadas - Gratuito →
0:10

¿Necesitas crear un dashboard o gráficas con React? ¡Este recurso es BRUTAL! - 24 componentes con muchas opciones - Personaliza al detalle con Tailwind - Bloques y gráficas preparadas - Gratuito →

Miguel Ángel Durán

78,462 Aufrufe • vor 2 Jahren

La colección definitiva de componentes de React. De código abierto, con Tailwind 4.1 y accesibilidad. Se llaman UntitledUI. Copiar, pegar y construir: > npx untitledui init
0:13

La colección definitiva de componentes de React. De código abierto, con Tailwind 4.1 y accesibilidad. Se llaman UntitledUI. Copiar, pegar y construir: > npx untitledui init

Miguel Ángel Durán

27,174 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 3 Monaten

🚴‍♂️ ¡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,469 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 5 Monaten

¡Brutal recurso para tus Bases de Datos SQL! Un estudio con todo lo que necesitas de tus Tablas Funciona con SQLite, PostgreSQL, MySQL y más. Gratuito y de código abierto: →
0:13

¡Brutal recurso para tus Bases de Datos SQL! Un estudio con todo lo que necesitas de tus Tablas Funciona con SQLite, PostgreSQL, MySQL y más. Gratuito y de código abierto: →

Miguel Ángel Durán

45,303 Aufrufe • vor 1 Jahr

¡5 bibliotecas de JavaScript que necesitas conocer! Para subir el nivel de tus páginas web ↓
0:16

¡5 bibliotecas de JavaScript que necesitas conocer! Para subir el nivel de tus páginas web ↓

Miguel Ángel Durán

172,976 Aufrufe • vor 2 Jahren

¡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,735 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 3 Monaten

¡El mejor Catálogo UI para crear Dashboards! También perfecto para gráficas y datos: ✓ De código abierto ✓ +20 componentes de React ✓ Personalizable con Tailwind CSS → tremor․so
0:10

¡El mejor Catálogo UI para crear Dashboards! También perfecto para gráficas y datos: ✓ De código abierto ✓ +20 componentes de React ✓ Personalizable con Tailwind CSS → tremor․so

Miguel Ángel Durán

63,047 Aufrufe • vor 2 Jahren

¡Brutal colección de componentes de UI para tu web! ✓ Open Source ✓ De código HTML y CSS ✓ Listos para copiar y usar ✓ Botones, inputs, cards, loaders y más →
0:12

¡Brutal colección de componentes de UI para tu web! ✓ Open Source ✓ De código HTML y CSS ✓ Listos para copiar y usar ✓ Botones, inputs, cards, loaders y más →

Miguel Ángel Durán

98,950 Aufrufe • vor 2 Jahren