Guía R-009 – Gráficos de Gantt

El gráfico de Gantt utilizado en mi ejemplo de Gestión de Proyectos, es muy potente, pero gráficamente se le ve muy antiguo.

En esta nueva plataforma de desarrollo he estado revisando y probando aquellas soluciones de gráficos de Gantt que son FREE y después de mucho probar he seleccionado «gantt-task-react«, en su versión 0.3.9.

Objetivo

Seleccionar un componente free, para hacer gráficos de Gantt que tenga las siguientes características:

  • Que se pueda adaptar a diferentes idiomas.
  • Que se pueda establecer en cada tareas (color, tipo, fecha de inicio, fecha final, dependencia, agrupación y recursos asignados).
  • Que se pueda colapsar y extender las tareas de grupo.
  • Que disponga de tooltip para mostrar información adicional de la tarea
  • Que se pueda interactuar con el gráfico, por ejemplo, para consulta o actualización de la tarea.

DEMO: https://fhumanes.com/gantt-react/

Si estás interesado en este tema, sigue leyendo el artículo en este enlace.

Guía R-008 – Download de fichero del Server a través de React

Tengo muchos ejemplos de elaboración de informes en formato PDF, Word, Excel, etc., que podré utilizar en este tipo de aplicaciones con el Front-End de React.

Como habitualmente hago en los últimos tiempos, consulté con IA Deep Seek sobre este tema y me ofreció, con las múltiples preguntas y reflexiones que le hice, 3 alternativas que paso a mostraros.

Objetivo

Producir descarga de ficheros elaborados en el server PHP y entregado por React.

En este caso, la funcionalidad es:

  • En REACT se establece un botón, que al ser pulsado hace una petición al Server- PHP.
  • En PHP, valida que la petición es correcta y elabora un fichero PDF con el software TCPDF. Una vez acabado, lo entrega, en formato binario al Front-End- React.
  • En React, se obtiene el fichero, se crea dinámicamente un enlace de descarga y se hace «click» sobre dicho enlace.

DEMO: https://fhumanes.com/download_f/

Si te interesa este tema, sigue leyendo el artículo en este enlace.

Novedades de REACT

Ya dispongo de ejemplos y conocimiento para poder ayudar a los que se inician en el desarrollo de esta herramienta.

He abierto un apartado diferenciado para publicar los ejemplos realizados, e iré, poco a poco, explicando algunos detalles de la solución, para que sea más sencillo su uso a los que se inician.

Ya lo he explicado, en este artículo, pienso que es una excelente solución, moderna, gratis (Open Source) y la que se recomienda a todos los que se inician en el desarrollo de APP para móvil. Aunque siempre insista en lo del móvil, también es una excelente solución para aplicaciones de escritorio.

Por la arquitectura de la solución, por los conocimientos que hay que tener, no es tan sencilla de uso como PHPRunner, ni tan rápida, pero tiene otras muchas ventajas, como por ejemplo disponer de muchísimos manuales y ejemplos de todo tipo, así como multitud de componentes, muchos de ellos, muy buenos y gratis. No hay que olvidas que las herramientas de IA, como ChatGPT, sí que sabe ofrecer soluciones sobre esta plataforma.

Espero que mis ejemplos os faciliten información de las posibilidades que tiene y del coste que supone su utilización.

Yo estoy encantado por la libertad y capacidad de innovación de las soluciones que se pueden desarrollar.

Sigue este enlace para acceder a la nueva categoría

Lista de artículos: