Cómo integrar MQTT en tu app React
Agrega comunicación por MQTT en React lo más fácil posible: Contexto + custom hook. Completa con conexión, suscripción a topics, publicación, etc.
30Dicen que no sabes lo que sabes hasta que intentas enseñarlo, así que en eso estamos:
Escribo sobre desarrollo web en español pero me falta vocabulario, porque todo lo que sé lo he aprendido en inglés.
Si te quedas por aquí seguro que aprendes algo nuevo sobre JavaScript. Sobre todo, JavaScript.
React Query como un Gestor de Estado
Todo lo que necesitas saber para hacer de React Query tu única fuente de verdad como gestor de estado asíncrono
29Data inicial y de ejemplo en React Query
Conoce las distintas formas de evitar spinners de carga con React Query: Usa data inicial o placeholder para eludir cambios bruscos en tu app
28Claves eficaces en React Query
Aprende a gestionar las claves de React Query de manera eficaz a medida que tu app crece, y controla tu caché al detalle
27Usar Websockets con React Query
Una guía paso a paso para conseguir notificaciones en tiempo real con Websockets y React Query
26React Query y TypeScript
Combinando estas dos potentes herramientas en una app React conseguirás experiencias de usuario y desarrollo óptimas, y gran seguridad de tipos
25Tests en React Query
Preparar el entorno, simular solicitudes de red y sobreescribir el funcionamiento de React Query: Todo lo que necesitas para ejecutar tus pruebas
24Integrar GoatCounter en una app Next.js
Mira cómo usar las analíticas gratuitas de GoatCounter en una app Next.js, en un solo componente. Válido para webs SSR, SPA, SSG, etc.
23Comprobar el estado en React Query
¿Cómo gestionas el estado de una solicitud en React Query? Según tu patrón de comprobaciones podrías darle un buen susto al usuario
22Optimización del renderizado en React Query
Revisa estas 2 geniales funcionalidades de React Query para entender el renderizado de tu app y mejorar el rendimiento en cada caso
21Transformación de data en React Query
Descubre las posibilidades para transformar data tras una solicitud con React Query, una tarea habitual e importante para mejorar tu app
20Consejos prácticos sobre React Query
Primer post de la serie: Consejos para dominar React Query, aplicando ideas prácticas que extienden los docs de esta librería
19Cómo añadir transiciones entre páginas en SvelteKit
Añadir transiciones entre páginas en SvelteKit es muy fácil respecto a otros entornos: controla los cambios de ruta y usa las opciones incluidas
18Mostrar la versión desde package.json en SvelteKit
Cómo mostrar la versíon de tu app, importada desde package.json, sin errores ni problemas de ningún tipo
17Cómo importar archivos markdown en SvelteKit con `import.meta.glob()` de Vite
Crea un blog con SvelteKit: posts en markdown, conversión de metadata y html con mdsvex, importa los archivos con Vite usando `import.meta.glob()`
16Gestionar las etiquetas meta para SEO en cada página en SvelteKit
Establece valores predeterminados y sustitúyelos en cada ruta para tener etiquetas meta (title, description) individuales por página, sin errores
15Añadir la barra de progreso NProgress.js en SvelteKit
Detecta la navegación client-side en SvelteKit y crea la ilusión de progreso con NProgress.js, una librería muy ligera y sencilla de usar
14Pasar props desde +layout a una página con `stores` y `parent()` en SvelteKit
Cómo pasar toda la información que quieras en la función load de +layout al resto de la app y acceder tanto server-side como client-side en cualquier ruta
13Usar "On-demand ISR" en Next.js para regenerar rutas estáticas en SSG
Si tienes un sitio estático con Next.js (SSG) y quieres regenerar solo una ruta, usa On-demand ISR para avisar al frontend de cambios en el backend
12Cómo crear un sitemap dinámico en SvelteKit
Agrega una ruta API usando +server.js para generar un sitemap dinámico con todas las páginas que quieras indexar en Google
11Cómo contar valores duplicados en un array en JavaScript
Un método rápido para contar valores repetidos en un array de cadenas o números con JavaScript, ordenarlos, y definirlo bien en TypeScript
10Entiende el (inestable) método sort(): consigue resultados consistentes en todos los navegadores
Con algunos casos lógicos y otros menos previsibles, el método sort() puede amargarte el día: cómo obtener resultados consistentes en Chrome y Firefox
09Cómo eliminar valores duplicados en un array con JavaScript
Dos formas claras y sencillas para eliminar duplicados en un conjunto con JavaScript y devolver solo valores únicos, para primitivos y objetos
08Definir una propiedad de un objeto según otras props del mismo, en TypeScript
Definiendo un objeto en TypeScript: Una propiedad podría tener varios valores, y según estos queremos definir otras propiedades del mismo objeto
07Cómo funciona useReducer() en React y cuándo usarlo
Quizás programes en React durante años sin necesitar useReducer(). Mira para qué sirve y cómo usarlo si tu useState() se está volviendo demasiado complejo
06Filtrar elementos `undefined` o `null` de un array en Typescript
Cómo avisar (correctamente) a TypeScript de que un array ya no contiene elementos `undefined` tras filtrar con .filter()
05Cómo auto-recortar texto largo con una elipsis en CSS
Si quieres que un texto de longitud variable se recorte automáticamente para encajar, css te lo auto-soluciona agregando una elipsis al final
04Cómo crear una cuenta atrás precisa en SvelteKit
Creamos una cuenta atrás precisa, disponible en toda la app, y la usamos para mostrar una barra promocional, condicionalmente
03Cómo auto-generar un sitemap complejo en Next.js
Genera automáticamente un archivo sitemap.xml estático en cada build de tu app Next.js, creado manualmente desde cero para un máximo control
02Cómo crear un conversor de colores en bloque (bulk)
Convertir colores HEX a HSL(). Muchos a la vez. Y evitar que alguien lo rompa. Todo en vanilla javascript
01