@iqdavidh/pubreactinmvc v1.0.2

Metodología para utilizar react en una aplicación existente

El objetivo de este proyecto es dar las bases de como agregar una aplicación react (creada en este proyecto) a una aplicación existente del tipo MVC. Especificamente con el ejemplo de Asp MVC.

En resumen hay que hacer 3 cambios de forma inicial y para cada aplicación que tengamos tendremos que hacer 2 cambios.

Aplicación existente

El proyecto final es el siguiente

La aplicación es un proyecto MVC, requerimos modificar el layout y el view donde estar la aplicación react.

Cambios en la Aplicación React agregada

Preparación de la Aplicación React

Requerimos usar el mismo CSS de la aplicación MVC destino. Para esto modificamos el archivo public/index.html para agregar los CSS (debemos eliminar los contenidos que se crean al iniciar react)

Utilización del package de migración

Lo que necesitamos hacer de forma general es hacer un build de la aplicación npm build y después vamos a ejecutar el programa z_dev/migrarApp.

Para configurar la aplicación debemos indicar los paths absolutos de origen y destino, en el modulo z_dev/migrarApp

El package que debemos usar es

npm run build && node z_dev/migrarApp.js

Esto ya esta incluido en el npm

npm run publicar

Lo que hace el modulo es copiar todos los archivos css y js que se crean en el build y copiarlos a la carpeta destino

Origen

Destino

Cambios Aplicación MVC destino

Modificación del Layout

1) Agregar Seccion para css 2) No es propiamente modificacion porque ya esta la sección para js pero en caso de no tenerla agregarla 3) Agregar un directorio para el contenido de la aplicación react (Content/reactapp/t1)

Modificación del View

Se requiere implementar el contenido propio de la aplicación, con el contenido css y el contenido js TEnemos las instrucciones de que copiar en el archivo de contenido/