Todas las entradas de: admin

Guía R-010 – Aplicaciones REACT multi-idiomas

Una de las cosas (y son muchas) que PHPRunner tiene muy bien resuelta es la construcción de aplicaciones multi-idioma.

Este artículo es la búsqueda de una de las soluciones que dispone React de producir aplicaciones multi-idiomas. He utilizado para el ejemplo la solución de i18next y más concretamente el componente react-i18next, que es una solución muy sencilla y elegante, por lo que recomiendo su utilización.

Objetivo

Poder desarrollar aplicaciones multi-idioma, los que se deseen, detectando el idioma por el navegador o sistema operativo, en donde funcione la aplicación.

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

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

Consulta sobre evolución del blog

Deja un comentario

Llevo un tiempo pensando si este blob tiene sentido para los desarrolladores de React, vengan o no de desarrollar de PHPRunner y si la evolución que estoy dándole es valida para aquellos que accedéis a él.

Por las estadísticas que tengo en el blog veo que tengo unas 50 visitas diarias y que de todos los artículos hay descargas de los ejemplos.

En PHPRunner he tenido bastante comunicación con muchos de vosotros y más o menos, conozco qué detalles de los ejemplos os pueden interesar, pero no es así para aquellos que descargáis los ejemplos de React.

Aunque cada vez dedico menos tiempo a completar de artículos este blog, el tiempo que dispongo lo dedico principalmente a React y ahí en donde me gustaría saber de cuáles son vuestras necesidades, de cara a desarrollar ejemplos que os faciliten vuestra evolución en el aprendizaje de este entorno.

He pensado dejaros unas preguntas sobre mis dudas, para que a través de comentarios (más o menos anónimos, si queréis), me podáis responder. También podéis tratar cualquier otro tema que os sea de interés.

El usar esta plataforma para la consulta es porque me es sencilla su utilización y porque no obligo a que vuestra identidad sea expuesta, si vosotros no queréis.

Gracias por vuestra colaboración

Preguntas

  • ¿Os interesa artículo sobre componentes, como la guía R-009, o aplicaciones completas?
  • En los desarrollos de PHP (server) , para los servicios de los desarrollos React, ¿ Os interesa que esté integrado con PHPRunner o preferís que sea 100% PHP y MySQL?
  • Además de utilizar principalmente los componentes de «Material UI», ¿creéis interesante utilizar otros que sean free?
  • ¿Creéis que  Flutter puede ser más interesante que React?

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.

Crear Factura o Informes con PDFMake

Esta solución es bastante distinta a todas las otras que tengo en el Blog. Es una solución JavaScript.

Trabajando en el entorno REACT que su lenguaje principal es JavaScript, estuve buscando una solución para hacer documentos PDF’s y vi  y probé PDFMake y me sorprendió estas características:

  • Simple de entender el funcionamiento y rápido en su ejecución.
  • No dispone de una herramienta de diseño, pero dispone de una solución de testeo, que sirve muy bien para diseñar y testear el informe que quieres generar.
  • Se ajusta perfectamente a dimensiones (no se desajusta como la solución de transformar HTML a PDF), por lo que puedes definir documentos formales, como albaranes, facturas, escritos oficiales, etc.
  • Se puede configurar características del PDF y del tamaño de la página
  • Se pueden definir cabeceras y pies de páginas, por lo que se puede imprimir numeración de las paginas. Gestiona, en las tablas, la finalización de una página y el encabezado de la siguiente de forma automática.
  • Dispone de más características, pero las anteriores me han parecido las más relevantes.

Objetivo

Crear facturas u otros documentos, en formato PDF (con calidad) de forma sencilla y rápida.

DEMO: https://fhumanes.com/invoice_pdfmake/Desde la opción de View, de la tabla «Invoice», se accede al botón de generar el PDF.

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