Desarrolladores han lanzado 'Boneyard.js', un nuevo framework que automatiza la creación de pantallas de carga tipo esqueleto (skeleton loading) para aplicaciones React, Svelte y React Native. La herramienta, disponible en GitHub, elimina la necesidad de mediciones manuales y ajustes precisos de los placeholders, generando estructuras de carga que imitan fielmente el diseño real de la interfaz de usuario. Boneyard.js funciona capturando la estructura de la interfaz a través de un navegador headless (para web) o escaneando el árbol de fibra de React Native en modo de desarrollo, generando un archivo .bones.json compatible entre plataformas. Los usuarios pueden personalizar la apariencia de las pantallas de carga, incluyendo colores, animaciones y breakpoints. La instalación es sencilla mediante npm (npm install boneyard-js) y el framework ofrece componentes <Skeleton> específicos para cada plataforma, simplificando la implementación. El objetivo es mejorar la experiencia del usuario al proporcionar una indicación visual clara de que el contenido está cargando, sin recurrir a pantallas en blanco o spinners genéricos.
Noticias agregadas con IA