INEGI Componentes Graficas

Poryecto base para componentes reusables

Caracteristicas:

• Generacion de paquete para npm
• Generacion de script js para navegadores

Tecnologias base:

• React (libreria js)
• Vite js (Servidor de desarrollo y generador de proyectos)
• Rollup (se puede optar por otro como esbuild)
• babel (transpilador de js)
• eslint (analisis de código)
• postCSS (gestor de CSS)
• path (rutas)
• Bootstrap 5.x (UI)
• Zustand (gestor de states)

Instalación y uso

# Desde raiz del proyecto se debe ejecutar para instalar todos los paquetes
$ npm install
# Ejecuta el proyecto en el navegador
$ npm run dev
# Ejecuta el empaquetador en tiempo real (detecta cambios) y genera los empaquetados en /dist
$ npm run build

Estructura del proyecto

└── 📁INEGI.Componentes.Indicadores.Grafica
    └── .eslintrc.cjs
    └── .npmrc
    └── .tfignore        
    └── index.html
    └── jsconfig.json
    └── package-lock.json
    └── package.json
    └── 📁public                
    └── README.md
    └── rollup.config.mjs
    └── 📁src
        └── 📁Componentes            
            └── Grafica.js
        └── 📁Layouts
            └── Layout.js
        └── puente.js
        └── puente.mod.js
        └── 📁Stores
            └── Global.js 
        └── 📁Styles
            └── tema.css
        └── 📁Utilidades
            └── Constantes.js            
            └── Utils.js
    └── vite.config.js