# 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

```shell
# 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
```