| dist | ||
| src | ||
| .babelrc | ||
| .editorconfig | ||
| .gitignore | ||
| .nvmrc | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| webpack.common.js | ||
| webpack.dev.js | ||
| webpack.prod.js | ||
MCF-Components
Se trata de una biblioteca de componentes de basada en react y material-ui. Con ella se pueden usar estas librerías definiendo los componentes mediante objetos javascript planos.
Entorno de desarrollo
La biblioteca está escrita usando react y material-ui.
Se transpila usando babel y se compila con webpack.
El entorno de desarrollo se levanta ejecutando npm run start y se puede acceder a él en http://localhost:9000 para ver el funcionamiento durante el desarrollo.
Despliegue
Para el despliege a producción, debe subirse el proyecto a un repositorio git. Para poder trabajar con diferentes versiones de la biblioteca se emplean tags de git, por lo que una vez que se considera terminada una nueva versión de la misma sería necesario generar un nuevo tag de git con el número de la versión:
v0.1.3
Arquitectura
El código de la aplicación se encuentra condensado en el archivo index.js, el cual exporta los métodos render y remove.
El método render genera toda la estructura de componentes react a partir de la definición que se le pasa como primer argumento. Hace falta un segundo argumento: el ID del nodo HTML dentro del cual se quieren generar los componentes de react.
El objeto que define la estructura a construir es pasado a una factoría de componentes que es quien se encarga de formar de forma recursiva todos los elementos.
El método remove permite eliminar la estructura de componentes creada en un nodo HTML.