Uso de React Hook Form con Controlled components
La libería React Hook Form nos permite crear campos en formularios de forma muy sencilla con capacidades de ser del tipo uncontrolled y controlled. Se usará un campo de texto de la libreria Mantine...
Rafael Blog
Crear funciones SQL en Supabase concatenando INSERT
Las funciones SQL permiten ser llamadas desde la aplicación y realizar diferentes acciones de una forma unificada, como por ejemplo el caso siguiente, donde condicionalmente se realizan dos «INSERT» y el segundo utiliza el...
Evitar errores de Typescript con claves de arrays como variables
Se pueden pasar variables que se usarán como claves buscar valores en un array. En ese caso de necesitar pasar una variable como clave a extraer de un array, hay que escribirlo en el...
Integración de Cropper.js con Supabase Storage
Detalle de cómo se puede realizar la integración de Cropper.js con Supabase Storage para subir los ficheros de forma correcta. Cropper.js es una librería de React común para la gestión de fotos e imágenes...
Filtrar fechas en Supabase usando DayJS
Para filtrar fechas en Supabase de forma adecuada usando la libreria DayJS habría que tener en cuenta el formato en los que se guardan en la base de datos, el timezone y cómo se...
Relaciones many to many ordenadas
Crear relaciones many to many ordenadas no es fácil por la complejidad de mantenimiento en la base de datos. Reflexiones sobre opciones de guardado en BBD
Como fusionar TanStack-Query y Supabase y mejorar productividad
Fusionar react query y supabase para mejorar rendimiento y productividad
Mostrar iconos usando CSS con hover anidados en MaterialUI
En un escenario de uso de MUI en el cual tenemos un Box y dentro una imagen que queremos que se muestre únicamente cuando se pasa el ratón por encima del Box principal (tipo...
Estructurar la base de datos Firebase de forma óptima
En este post recojo información sobre cómo estructurar datos en Firebase teniendo en cuenta mejores prácticas y recomendaciones en función de la experiencia. Mucha de esta información está recogida en esta web: https://firebase.google.com/docs/database/web/structure-data?hl=es Evita...
Cómo gestionar la autenticación en Firebase mediante React
Interesante artículo que incluye ejemplos de cómo se configura la autenticación de usuarios usando Firebase en aplicaciones React. De una forma sencilla, permite hacer registro y login de usuarios mediante correo electrónico o usando...